2012-06-06 3 views
2

Функциональность прокрутки http://www.smoothdivscroll.com - это именно то, что мы ищем, однако у нас есть определенная необходимость иметь «паузу» прокрутки, когда вы перемещаете изображения в слайдере, а затем, когда вы выходите из свиток снова сыграет. В настоящее время, когда вы наводите указатель мыши на изображения, прокрутка продолжается, как мы можем приостановить и воспроизвести ее с помощью мыши и мыши? То же самое с левой и правой стрелками. Как только вы взаимодействуете с ними, скроллер полностью остановится, мы бы хотели, чтобы он снова воспроизводился автоматически, когда вы выходите из стрелок.Smooth Div Scroll Pause/Play

Любая помощь была бы принята с благодарностью!

ответ

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/