Tag: 自定义滚动

jQuery自定义滚动条和延迟加载

我有容器与自定义内容滚动jQuery自定义内容滚动 :这段代码: (function($){ $(window).load(function(){ $(“.content”).mCustomScrollbar({ scrollButtons: { enable: true }, mouseWheelPixels: 250 }); }); })(jQuery); 我想在Lazy Load中使用它: $(function() { $(“img.lazy”).lazyload({ effect : “fadeIn”, container: $(“.content”) }); }); 我认为应该使用Scroller页面的回调函数,但是我对jquery不好,所以我的结果不成功。 当我使用下面的代码时,它会在页面加载时加载所有图像: $(function() { $(“img.lazy”).lazyload({ effect : “fadeIn”, container: $(“.mCSB_container”) }); }); authos说这可以通过编写一个简单的js函数并在whileScrolling事件上调用它来完成 。 谢谢你的帮助。

window.scroll事件触发两次

无论我使用什么方法来检测页面上的滚动,事件都会被触发两次。 请参阅我尝试过的不同方法的代码。 要么 $(window).scroll(function(){ alert(“Why are you alerting twice?”); }); 要么 window.onscroll = please_scroll; function please_scroll() { alert(“Why are you alerting twice?”); } 我甚至尝试过使用$ .debounce。 如果有任何用处,我会解释我要做的事情:当用户向上或向下滚动滚轮时,页面会将滚动设置为下一个全宽度内容div的动画。 我的代码已成功执行此菜单,但我也希望它在用户滚动时发生,基本上自动帮助他们滚动到我的页面的每个部分。 这是我目前用于滚动的function: function scrollTo(id){ // Scroll $(‘html,body’).animate({scrollTop: $(“#”+id).offset().top – 110},’slow’,function(){ animation_active = “false”; }); }