我有一个包含可滚动内容的div，在某个scrollTop值返回到顶部。varcontainer=document.getElementById('container');functionscroll_function(){varnew_position_top=container.scrollTop;if(new_position_top>600){container.scrollTop=0;}}container.addEventListener('scroll',scroll_function);#container{width:300px;height:300px;overflo
我正在使用jQuery.scrollTop在div中滚动图像。它在Firefox中运行良好——滚动非常流畅和快速。在IE8中，滚动非常缓慢且有故障-图像大约一秒滚动一次-两秒。图像大小平均在2000*2000和4000*4000像素之间。有没有办法针对IE8改进这一点？IE7的性能稍好一些，但仍不够好。谢谢编辑:我认为问题在于IE7和8中的滚动是如何实现的。我启用了两个滚动条(overflow-x和overflow-y)，并且我尝试了滚动使用这些滚动条的图像。问题是完全一样的。我试过在功率相当低的PC上运行此程序-几年前的奔腾双核2GBRAM以及Corei7台式机，2.8GHzCPU1
我有一个可滚动的div，我想每X秒向下滚动50像素。这很好并且有效。我还有一个单独的函数，当它到达底部时将div滚动回顶部。还可以；工作。现在，我需要将两者结合起来，以便在我们再次滚动到顶部之前忽略向下滚动。我这里有一个“有效”的例子，你会看到它有一些非常疯狂的行为:http://jsfiddle.net/JVftf/window.setInterval(scrollit,3000);functionscrollit(){$('#scroller').delay(2000).animate({scrollTop:$("#scroller").scrollTop()+50},'slow'
我希望在从$(window).scrollTop==0“向上”滚动时触发一个事件。如果你有如下代码:$(window).scroll(function(){console.log("scrolling")});在文档$(window).scrollTop没有改变，但这并不意味着没有鼠标滚动输入。无论页面是否移动，我都希望在鼠标滚动时触发一个事件。 最佳答案 看起来像你要找的东西:http://jsfiddle.net/n8eVQ/$(document).on('mousewheelDOMMouseScrollMozMousePixe
为什么在scrollTop动画触发其complete回调后调用另一个滚动事件？点击处理程序:varlock=false;$('#id').click(function(event){varpos;if(lock){return;}lock=true;pos=150;console.log("jumpstart");$(jQuery.browser.webkit?"body":"html").animate({scrollTop:pos},150,function(){lock=false;console.log("jumpend");});});滚动处理程序:$(window).scr
我在使用jqueryanimatescrollTop到定义的div时遇到了问题。我使用这段代码为滚动设置动画:$('body').animate({scrollTop:$('#sections_display').offset().top-100},500,function(){$('#ajax_load').load('file.php');});但这在Firefox或IE中不起作用。当我使用$('html').animate而不是$('body').animate时，它在Chrome中不起作用。我也尝试同时使用两者:$('html,body').animate但问题是回调函数$('
我实现了一个自动float的子导航栏，直接取自BootstrapdocsCSSandJS，在我正在处理的网站中。它只出现在一个View中，但这是一个RailsView，因此它是根据加载的对象动态生成的。我发现，当出现在子导航栏下方的内容足够长时，子导航栏的行为会按预期工作-subnav-fixed类会在子导航栏滚动时立即添加看不见。但是，如果页面比这短，子导航栏将在它实际超出View之前固定，这会产生非常刺耳的跳转，更不用说您可以看到该栏曾经所在的空间，您应该看不到。我应该补充一点，我使用的是固定的(主)导航栏，并考虑了适当的主体填充。问题似乎出在返回的$('.subnav').off
我在一个div中有一个溢出的链接列表。我想要发生的是，用户可以使用向上和向下按钮在这个链接菜单中导航。每次用户单击相应按钮时，我希望div向上或向下滚动1个链接元素的高度。我尝试了一些代码，但我似乎无法弄清楚如何让它在两个方向上滚动正确的数量。谁能帮帮我？所有链接都具有相同的类。编辑:我已经设法上下滚动了。现在我只需要按1个链接的高度滚动。$(function(){varele=$('#scroller');varspeed=10,scroll=5,scrolling;$('.scroller-btn-up').click(function(){//Scrolltheelementup
我创建了一个小的jquery脚本，但在自定义函数中使用(this)时遇到问题。这是代码:jQuery("li").click(function(){varscrollTop=jQuery(window).scrollTop();if(scrollTop>0){jQuery('html,body').animate({scrollTop:0},'slow',function(){fadeItems();});}else{fadeItems();}});functionfadeItems(){varslogan=jQuery(this).children('p').html();jQuer
是否有任何替代方法可用于将浏览器滚动到页面顶部的函数？现在我正在使用:$('html,body').animate({scrollTop:'0px'},300);。是否有其他东西，或者不是jQuery的东西？ 最佳答案 下面是scrollTop函数的纯JavaScript实现。它使用setInterval作为异步while循环，周期性地递减pageYOffset值，该值表示滚动条相对于页面顶部的位置。需要澄清的是，while循环会阻止页面上的其他脚本运行，并且会立即滚动到顶部，而不管步长值如何。然而，具有50毫秒迭代的setInte
