Tag: 滚动

如何在垂直滚动条上使用Stellar.js从侧面移动/动画元素？

我正在使用Stellar.js jQuery插件来创建视差滚动效果，但我不确定Stellar是否支持我要完成的任务。 我有基本的视差滚动影响正常工作（主要基于TutsPlus的本教程 ）。 我想要实现的是在用户向下滚动页面时使用它，某些元素从所有不同的角度移动/动画到视图中 – 与滚动位置相关联。 例如，当用户向下滚动页面时，苹果从屏幕的右上方位置进入视图，并且当用户继续向下滚动页面时，苹果沿对角线路径向左下方位置移动。屏幕。 如果用户向上滚动，苹果将以向后的方式沿着相同的路径继续。 Stellar有可能吗？ 我必须使用不同的插件吗？ 我可以使用另一个插件WITH Stellar来实现这种效果吗？ 任何有关这方面的帮助将不胜感激。 如果您需要更多信息，请告诉我。 谢谢！

窗口上的jQuery滚动动画背景图像位置

我试图使用jQuery实现滚动效果。 我有一个背景div设置为100％浏览器窗口大小，隐藏溢出。 这有一个大的背景图像约。 1500px x 2000px。 我想要的效果是当用户向下滚动页面时，背景图像以滚动距离的百分比移动，因此对于每页向下滚动200px，图像在相同方向上移动10px。 谁能指出我正确的方向？ 这有可能吗？ ： ） 提前谢谢了。 UPDATE 我已经尝试了@Capt Otis的建议的变化，但我仍然在努力解决我正在玩的代码如下： $(window).scroll(function(){ if($(this).scrollTop() > 200) { $(‘#div’).animate({‘background-postion’: ‘+=10px 0’}, 500); } }); 任何人都可以解释我做错了什么吗？

加载新页面后平滑滚动到锚点

我想导航到新页面上的锚点，但我希望页面在顶部加载，然后立即平滑滚动到相关的锚点。 可以这样做吗？ 我是一个完整的新手用Javascript。 这是我目前用于在当前页面内平滑滚动的js。 我只是在链接上应用了一类“滚动”。 非常感谢！ $(function(){ $(‘.scroll’).on(‘click’,function(e) { e.preventDefault(); $(‘html, body’).animate({ scrollTop: $($(this).attr(‘href’)).offset().top + ‘px’ }, 1000, ‘swing’); }); });

在jQuery中是否有垂直滚动事件

我有一个与scroll()事件绑定的函数，但事实是我希望只在垂直滚动的情况下触发该函数（我也有一些水平滚动）。 我没有在jQuery的文档中看到这种可能性，可能有这样的伎俩吗？

如何使用鼠标滚轮一次向下滚动100％？ – jquery

我正在为我的投资组合创建一个OnePage。 每个站点填充100％的屏幕。 我希望当我使用鼠标滚轮滚动时，一个滚动，向下滚动100％，这样我就可以直接进入下一个站点而不是页面之间的某个位置。 有人能告诉我如何用JS / jQuery解决这个问题吗？

如何检测滚动结束

我的脚本有些问题。 所以，我想检测滚动操作的结束。 当我滚动时我有警报但是如果我结束它则没有。 你能帮助我吗？ 这是我的代码： var animatable = $(‘body, html’); var animating = false; animatable.animate( {scrollTop: $(‘#foo’).offset()}) $(window).scroll(function(e) { if(!animating){ animatable.stop(false, true); alert(‘stop scrolling’); } animating = false; });​ 和一些小提琴： http ： //jsfiddle.net/yhnKR/

如何使用jQuery在点击和鼠标hover上制作可滚动的div滚动

使用下面的标记，当我单击或将鼠标hover在“#scrollUp”或“#scrollDown”锚标记上时，如何向上或向下滚动“#content”div。 滚动应该是平滑的。 如果点击它应滚动特定数量（对于触摸设备）如果鼠标hover它可以滚动直到mouseout。 #content { overflow:auto; height: 50px; /*could be whatever*/ } up down some content here some content here some content here some content here some content here some content here

自动向下滚动聊天div

我有这个代码，加载聊天 function getMessages(letter) { var div = $(“#messages”); $.get(‘msg_show.php’, function(data) { div.html(data); }); } setInterval(getMessages, 100); 我必须添加，在页面加载时自动向下滚动#messages div，并在每次新的聊天post中再次滚动？ 这个，不起作用： function getMessages(letter) { var div = $(“#messages”); $.get(‘msg_show.php’, function(data) { div.html(data); $(‘#messages’).scrollTop($(‘#messages’)[0].scrollHeight); }); } setInterval(getMessages, 100);

如何指定每一步滚动移动的像素数？

当我使用鼠标滚轮滚动div内容时，我想让它滚动，例如，每步30px或每个鼠标滚轮刻度w / e是最佳解决方案。 我更喜欢performance > ease即我更喜欢javascript > jquery

溢出自动时自动滚动到底部

有没有人知道如何通过jquery中的事件自动跳转到可滚动区域的底部（如果没有简单的jquery解决方案，甚至是javascript）？ 问候