2014-02-27 2 views
0

좋아, 그래서 지금 웹 사이트를 구축 중입니다. 사물의 html 및 serverside 부분에는 아무런 문제가 없습니다.Jquery Scrollbar mouseover iframe

그러나 자바 스크립트 기술은 완전히 다른 이야기입니다. JS와 함께 일한 적이 없습니다. 내가하려고하는 것은 뒤따른 것입니다. headcontent라는 div 컨테이너가 있습니다. 해당 컨테이너에는 내 머리글, 내용 및 바닥 글 섹션이 들어 있습니다. 링크 http://fenrir-multimedia.nl/dev/?slide=dunes#을 참조하십시오.

이제 "Malihu custom content scroller"라는 jquery 기반 스크롤바를 추가하려고합니다. 이것에 의해, 통상의 스크롤 바가, 매끄러운 스크롤 바가됩니다. 문제는이 인스턴스의 콘텐츠 섹션이 다른 html 문서로 연결되는 개체 또는 iframe으로 구성된다는 것입니다. 정교한 이유 때문에 나는이 콘텐츠를 index.php 파일에 직접 저장할 수 없습니다.

이제 스크롤바는 대부분 잘 작동합니다. 개체 또는 iframe 상자 위에 마우스를 올려 놓을 때까지. 그런 다음 마우스 이벤트가 외부 문서에 캡처됩니다. 그리고 스크롤바는 작동을 멈춘다.

내 질문에 마우스 오버 정보를 부모 문서로 다시 전달할 수 있습니까? Malihu.gr이 제공 한 친숙한 .js 파일을 사용하여 과감한 혼란을 일으키지 않습니다.

참고 사항 : 나는 외부 문서라고 말했습니다. 실제로 동일한 서버/도메인에서 실행됩니다. 그래서 나는 이미 javascripts 안전 규칙과 관련하여이 문제를 제기 할 수 없다는 것을 알고 있습니다.

답변

0

사용자가 스크롤 컨트롤을 클릭하면 왼쪽/오른쪽 명령을 캡처하려고한다고 가정합니다. 맞습니까?

$('body').keydown(function(e) { 
    if(e.keyCode == 37) { // left 
    //call scroll left on your control. 
    } 
    else if(e.keyCode == 39) { // right 
    //call scroll right 
    } 
}); 
+0

정확하게는 아닙니다. 내가 기본적으로 원하는 것은 iframe에서 마우스 이벤트를 캡처하지 못하게하는 것입니다. 그래서 페이지 아래로 스크롤 할 때 mousepointer가 iframe에 도달하면 멈추지 않습니다. 나는 실제로 iframe에서 마우스 이벤트를 캡처하지 못하도록하거나 이벤트를 부모 문서로 다시 전달하지 않습니다. –

+0

또한. 나는 그 문제가 오직 Ie 나 firefox를 사용할 때만 발생한다는 것을 알았다. Webkit은 그대로 페이지를 잘 처리하는 것 같습니다. –

+0

나는 당신이 무엇을 의미하는지 이제 이해한다고 생각합니다. 당신은 갤러리를 제어하기 위해 두 구석에있는 왼쪽/오른쪽 텍스트를 사용할 수 있기를 원한다고 생각합니다. 나는 네가 어떻게 혼란스러워했는지, 나쁘다. jscript가 iframe을 독립적 인 HTML 파일로 완전히 무시하고 싶습니다. 하지만 페이지의 일부로보아야합니다. –