Jquery 在窗口滚动上停止BXSlider
我正在寻找一种在用户滚动页面时暂停BSXlider转盘的方法。这可能吗?一直在考虑使用slider.stopAuto()命令,但它不起作用?当我尝试使用Firebug时会出现错误 BXSlider代码调用是:Jquery 在窗口滚动上停止BXSlider,jquery,bxslider,Jquery,Bxslider,我正在寻找一种在用户滚动页面时暂停BSXlider转盘的方法。这可能吗?一直在考虑使用slider.stopAuto()命令,但它不起作用?当我尝试使用Firebug时会出现错误 BXSlider代码调用是: var slider = $('.bxslider').bxSlider({ mode: 'horizontal', auto:true, speed: 1000, pause: 3500, controls:true, pager: false, keyboardEnabled: tr
var slider = $('.bxslider').bxSlider({
mode: 'horizontal',
auto:true,
speed: 1000,
pause: 3500,
controls:true,
pager: false,
keyboardEnabled: true
});
然后我尝试使用
$(document).scroll(function(){
slider = $('.bxslider').bxSlider();
slider.stopAuto();
return false;
});
有什么想法吗?我还希望滑块重新启动自动播放时,滚动已经完成
干杯
dubbs.在您的窗口中滚动设置启动和停止,稍微延迟一下
$(window).scroll(function() {
clearTimeout($.data(this, 'scrollTimer'));
slider.stopAuto();
$.data(this, 'scrollTimer', setTimeout(function() {
slider.startAuto();
return false;
}, 250));
});
摘自:
以下是一个完整的示例:
现在,它检查滚动是否在250毫秒后停止。如果已经停止,则调用stopAuto()。您可以根据延迟调整MS,以满足您的需要
最初,我认为回调可能会起作用,但我认为只需要滚动事件就可以了
此BXslider事件回调不是必需的,但为了完整性,我将其包括在内:
onSlideAfter: function(){
// if scrolling stop
if (isScrolling){
slider.stopAuto();
}
// else continue
else{
slider.startAuto();
}
}
你找到解决办法了吗?