2012-06-06 2 views
2

http://www.smoothdivscroll.com의 스크롤 기능은 정확히 찾고자하지만 슬라이더에서 이미지 위로 이동할 때 스크롤을 "일시 중지"하고 마우스를 놓을 때 특정 스크롤이 필요합니다. 스크롤이 다시 재생됩니다. 현재 이미지 위로 마우스를 가져 가면 스크롤이 계속됩니다. 마우스 오버시 마우스를 놓으면 일시 중지하고 재생할 수 있습니까? 왼쪽 화살표와 오른쪽 화살표와 같은 것. 일단 당신이 그것들과 상호 작용하면, 스크롤러는 완전히 멈추고, 화살에서 마우스를 떼면 자동으로 다시 게임을하고 싶습니다.부드러운 div 스크롤 일시 중지/재생

도움을 주시면 큰 도움이 될 것입니다. 이 일을해야

답변

6
$(document).ready(function() { 
$("#makeMeScrollable").smoothDivScroll({ 
    mousewheelScrolling: true, 
    manualContinuousScrolling: true, 
    visibleHotSpotBackgrounds: "always", 
    autoScrollingMode: "always" 
}); 

// Mouse over 
$("#makeMeScrollable").bind("mouseover", function(){ 
    $("#makeMeScrollable").smoothDivScroll("stopAutoScrolling"); 
}); 

// Mouse out 
$("#makeMeScrollable").bind("mouseout", function(){ 
    $("#makeMeScrollable").smoothDivScroll("startAutoScrolling"); 
}); 



});​ 

, 여기에 테스트 http://jsfiddle.net/EEAFs/

관련 문제