Tag: 滚动

jQuery：检测到滚动的底部不起作用，只检测顶部

所以基本上我的问题看似简单。 您可以在http://furnace.howcode.com上看到它的运行情况（请注意，数据是通过Ajax返回的，所以如果没有任何反应，请给它一些时间！）。 什么是有意义的，当你到达滚动的底部时，在第二列，返回接下来的5个结果。 但实际发生的是当你点击滚动区域的TOP时它只返回5个结果。 试一试：向下滚动，没有任何反应。 向上滚动到顶部，返回结果。 出了什么问题？ 这是我正在使用的代码： $(‘#col2’).scroll(function(){ if ($(‘#col2’).scrollTop() == $(‘#col2’).height() – $(‘#col2’).height()){ loadMore(); } }); loadMore(); 是获取数据并附加数据的函数。 那么这里出了什么问题？ 谢谢你的帮助！

使用jquery在按钮单击上向上和向下滚动div

我试图添加一个function，根据按钮点击向上和向下滚动div。 我能够轻松地向下滚动部分，但是卡住了向上滚动的部分，还有一个问题是一个场景，我将解释， 单击“下移”按钮。 如果我手动向下滚动向下拖动滚动条。 现在，如果我再次单击“下移”按钮，滚动条将转到上一个位置，因为分配了滚动值的变量具有检测scroler当前位置的旧值。我将添加一个jsfiddle链接展示我的作品并粘贴代码。 我还有什么办法可以做出滚动选项！ http://jsfiddle.net/xEFq5/7/ var scrolled=0; $(document).ready(function(){ $(“#downClick”).on(“click” ,function(){ scrolled=scrolled+300; $(“.cover”).animate({ scrollTop: scrolled }); }); $(“#upClick”).on(“click” ,function(){ scrolled=scrolled-300; $(“.cover”).animate({ scrollBottom: scrolled }); }); $(“.clearValue”).on(“click” ,function(){ scrolled=0; }); }); Go Up Go DownClear Value 还有一个很好的插件，有这个function??

jQuery – Scroll Stop上的绑定事件

如果我想在页面滚动上绑定一个事件，我可以使用scroll(); 。 但scroll()结束时如何触发？ 我想重现这个： $(window).scroll(function(){ //do somenthing }); $(window).scrollSTOPPED(function(){ //–> when i’m scrolling then i stop to scrolling (so NOT when page scrollbar is at the end top or bottom 🙂 //do somenthing else }); 有任何想法吗？

jquery – 保持窗口不改变滚动位置，同时将项目添加到列表中？

我有一个页面显示消息，我希望它像Facebook一样工作，但没有懒惰的加载器。 消息按时间顺序显示，最近一次显示。 我的消息列表最初填充了x个最新消息，窗口滚动到底部。 当用户开始阅读该post时，他们会从下到上阅读。 如果他们到达顶部，他们可以加载更多消息…我让他们点击一个按钮… facebook有一个懒惰的加载器。 新消息将添加到列表中。 问题：由于新消息被预先添加，现有消息被推下，导致用户失去“查看”位置。 在添加新消息时，如何保持用户当前的查看位置？ 例如，在Facebook中打开一个长消息线程，滚动到顶部导致添加新消息…即使滚动位置确实如此，您的视图位置也不会改变。

当滚动到页面的底部100px时，jQuery加载内容，多个事件被触发

我想要一个事件在用户滚动时加载更多内容并且几乎到达页面底部，比如从底部开始大约100px，问题是每次滚动页面的下部100px时事件都会被触发，因为显而易见的原因，这是一个不可能发生的明显问题，所以我想知道如何做到最好，我已经在这里检查了其他答案/问题，但是部分工作的一个解决方案并不符合我的需要要做，当我尝试改变它，它会，它每次完全冻结我的浏览器。 这是一个问题： 检查用户是否已滚动到底部 我正在看的答案接近底部，但这是他建议的代码： $(window).scroll(function() { if($(window).scrollTop() + $(window).height() > $(document).height() – 100) { $(window).unbind(‘scroll’); alert(“near bottom!”); } }); 就像我说的那样，这确实有效，并且可以防止多个事件被触发，问题是我需要触发无数的事件，比如我到达底部时加载100行信息​​，但仍有1500多个，我需要它重复每次加载每一个信息量（一旦你到达页面的底部100px部分每次） 所以我试图做的是： function loadMore() { alert(“More loaded”); $(window).bind(‘scroll’); } $(window).scroll(function() { if($(window).scrollTop() + $(window).height() > $(document).height() – 100) { $(window).unbind(‘scroll’); loadMore(); } }); 就像我说的那样，每次都会立即冻结我的浏览器，绑定部分。

Javascript：用户完成滚动后执行操作

我正在试图找到一种方法来做到这一点。 我有一个盒子列表，每个大约150px高。 我正在使用javascript（和jquery），并希望在用户向下滚动页面后，页面将自动滚动，以便框与页面的其余部分对齐（也就是说，如果用户滚动和y页面的位置不能被150整除，它将滚动到最近的点）。 现在，我现在知道我可以使用.scroll() jquery事件激活一个事件，我可以使用.scrollTop()将其移动到某一点。 但是用户移动滚动条的每个像素都会激活整个function。 那么有没有办法延迟function从触发直到用户没有滚动，如果他们应该再次开始滚动，该function将停止？

使用javascript禁用中间点击滚动

背景 ：我正在创建一个让人联想到whenisgood.net的表，因为它具有click-n-drag切换表元素。 当左，中，右鼠标按钮激活mousedown事件时，我想调用不同类型的切换代码。 通过使用JQuery，我有一个良好的开端。 $(“.togglable”).bind(“contextmenu”, function() {return false;}); $(“.togglable”).bind(“mousedown”, function(e){ e.preventDefault(); toggle(this, e); }); 在toggle()函数中，我可以使用e.which来确定单击了哪个按钮。 妙语：我使用e.preventDefault（）希望它能阻止滚动的中间点击默认行为。 它没有。 我该怎么做才能阻止滚动动作激活？ 另请参阅“使用中键单击触发onclick事件”

在向下滚动时淡入，在向上滚动时淡出 – 基于窗口中的元素位置

当它们在窗口中完全可见时，我试图让一系列元素在向下滚动时淡入。 如果我继续向下滚动，我不希望它们淡出，但如果我向上滚动，我确实希望它们淡出。 这是我发现的最接近的jsfiddle。 http://jsfiddle.net/tcloninger/e5qaD/ $(document).ready(function() { /* Every time the window is scrolled … */ $(window).scroll( function(){ /* Check the location of each desired element */ $(‘.hideme’).each( function(i){ var bottom_of_object = $(this).position().top + $(this).outerHeight(); var bottom_of_window = $(window).scrollTop() + $(window).height(); /* If the object is completely visible in the window, fade it it */ if( […]

jquery更改背景颜色用户滚动

是否有可能使用jquery当用户向下滚动页面时背景动画从50％白色变为90％白色或某些？ 首先它是颜色rgba(255,255,255,.5) ，当用户在颜色下方滚动210px时become rgba(255,255,255,.9) 。

反向滚动

我无法找到我想要完成的解决方案。 我正在尝试使用JS（或其他库）来实现它，以便当用户在鼠标滚轮上向下滚动时，页面的滚动方式与通常情况相反。 基本上，我希望首先看到页面底部，当用户滚动时，我希望屏幕顶部进入视图。 我能找到的唯一例子是http://conduit.com/的右栏。 我已经设置了一个JSFiddle http://jsfiddle.net/5UUtV/，其中有一个示例来帮助可视化它。 我知道这可能与某些事情有关： window.scrolltop(); 但老实说，我不确定最好的办法。 我希望首先看到标有“1”的面板，然后在用户滚动时将其余部分放入视图中。 关于如何做到这一点的任何想法将不胜感激。 谢谢