Tag: 滚动
自动从顶部滚动页面到底部，然后备份（和重复）
我试图找出如何在页面加载时自动滚动到页面的底部（这里已经充分描述），然后在到达页面底部时自动向上滚动。 我可以找到自动滚动到底部，但我无法弄清楚当我在页面底部时如何识别，以及如何在我的时候向上滚动。 我会使用通用的Javascript（或JQuery）来做到这一点。 提前致谢！
如果元素不可见则滚动
如何使用jquery确定元素在当前页面视图中是否可见。 我想添加一个评论function，就像在facebook中一样，如果当前不可见，你只能滚动到元素。 通过可见，我的意思是它不在当前页面视图中，但您可以滚动到该元素。
如何在加载页面时禁用锚点跳转
当我访问my_site.com/page.php#something ，滚动位置是携带此特定主题标签而不是页面顶部的元素之一。 执行window.scrollTo(0, 0); 不改变这个事实。 什么可以呢？ 编辑：还尝试了如何在加载页面时禁用锚点“跳转”的接受答案？ 。 似乎不再起作用了。
垂直滚动时水平移动div（jquery或CSS3）
当页面向下或向上滚动时，我想从左向右移动div。 当页面向下滚动时，它应向右移动，当页面向上滚动时，它应向左移动。
jQuery – DIV通过滚动运动和粘贴位置移动到窗口的顶部和底部
可能已经有一个jQuery插件可以实现这一点，但我找不到一个完全按照我所做的去做。 如果有的话，请指教我，谢谢。 我的问题是我有很长的页面内容，当您在页面底部滚动时，我的侧边栏不可见。 因此，当您向上和向下滚动页面时，我想让我的#sidebar div保持在浏览器窗口的顶部和底部。 我的侧边栏高度比典型的屏幕分辨率长，所以我需要侧边栏的底部粘在浏览器窗口的底部以及浏览器的顶部。 因此，当您开始向下滚动时，侧栏会像平常一样滚动，但是当您到达侧栏的末端时，它会粘住并且不会滚动，当您开始向上滚动时，侧边栏将会跟随，直到侧边栏的顶部到达浏览器，然后它坚持。 反之亦然。 这可能吗？ 我创建了一个简单的设计布局的jsfiddle ，它是核心。 我在边栏上添加了一个虚线边框，所以你现在应该选择侧边栏。 http://jsfiddle.net/motocomdigital/7ey9g/5/ 任何建议，或者你知道在线教程或演示，都会非常棒！ UPDATE 请看@Darek Rossman的这个尝试 http://jsfiddle.net/dKDJz/4/ 他有基本的想法。 但向上滚动会使其突然移动到顶部。 我需要使用向上/向下滚动的侧边栏来保持流畅。 但坚持窗户的顶部或底部。 当页眉/页脚在视口中时，它也不应固定定位，因此它不会叠加。 谢谢
滚动时停止触摸开始执行太快
我正在试图弄清楚如何解决滚动时分配给元素的tapped类，但它生效太快了，我需要在实际触摸时稍微延迟它而不是在滚动时触摸，这是我的代码这个怎么运作： $(‘div, a, span’).filter(‘[tappable][data-tappable-role]’).bind(‘touchstart’, function() { var self = $(this); self.addClass(self.data(‘tappable-role’)); }).bind(‘touchend’, function() { var self = $(this); self.removeClass(self.data(‘tappable-role’)); }).bind(‘click’, function() { var self = $(this), goTo = self.data(‘goto’); if(typeof goTo !== ‘undefined’) { window.location = goTo; } }); 当滚动时，它会在我几乎没有碰到它时将类分配给元素，我想防止这种情况发生，除非它被正确触摸（没有点击）。 虽然我尝试使用setTimeout进行试验，但由于它延迟但效果不佳，但它仍会在以后分配该类。 这就是我用setTimeout做的方法： var currentTapped; $(‘div, a, span’).filter(‘[tappable][data-tappable-role]’).bind(‘touchstart’, function() { clearTimeout(currentTapped); var self = $(this); var […]
如何确定滚动方向而不实际滚动
我正在编写一个页面，用户第一次滚动时，它实际上不会向下滚动页面，而是添加一个带有转换的类。 我想检测用户何时向下滚动，因为如果他向上滚动，我希望它做其他事情。 我发现的所有方法都是基于定义当前正文ScrollTop，然后在页面滚动后与body scrollTop进行比较，定义方向，但由于页面实际上没有滚动，因此bodyTop（）不会改变。 animationIsDone = false; function preventScroll(e) { e.preventDefault(); e.stopPropagation(); } $(‘body’).on(‘mousewheel’, function(e) { if (animationIsDone === false) { $(“#main-header”).removeClass(“yellow-overlay”).addClass(“yellow-overlay-darker”); $(“.site-info”).first().addClass(“is-description-visible”); preventScroll(e); setTimeout(function() { animationIsDone = true; }, 1000); } }); 这就是我所拥有的，但是这样我滚动它的方向无关紧要触发事件
jQuery：在调用URL时滚动到锚点，替换浏览器行为
我已经知道了jQuery插件ScrollTo，但到目前为止我还没有找到任何方法来实现以下内容： 用户访问我的网站（通过键入，而不是通过单击我页面上的链接）domain.com/bla.php#foo 并且锚“#foo”存在。 现在我希望用户的浏览器不会自动滚动到“#foo”，而是我想要平滑滚动，以便元素’#foo’位于视图的中间而不是在绝对的顶部位置用户查看。 谢谢到目前为止！
获取当前滚动位置并将其作为带链接的变量传递？
老实说，我离开了我的深度。 我创建了一个分页系统，您可以在其中单击重新加载页面的链接，并在无序列表中显示一定数量的列表项。 当您再次单击它时，它将重新加载页面并显示更多项目。 想想Twitter如何在您的Feed中显示推文。 问题是当它重新加载它停留在顶部的页面时。 我想要的是它跳到它以前的页面上的相同位置。 我已经有一个链接设置的选择器很好我只是不知道如何获取当前滚动位置然后将其传递给新页面以便跳转到。 到目前为止，这是我的代码： jQuery(document).ready(function(){ $(“a[rel=more]”).live(“click”, function(){ //script… }); }); 我从哪里去？
jQuery：根据浏览器滚动条位置将css类添加到菜单项
我有一个菜单： Link 1 Link 2 Link 3 我希望这取决于浏览器的滚动条位置， “active”类是正确的 元素。 这就是我的看法： if ($(document).height() == 500) { $(‘#m1’).parent().addClass(‘active’). siblings().removeClass(‘active’); } if ($(document).height() == 1000) { $(‘#m2’).parent().addClass(‘active’). siblings().removeClass(‘active’); } if ($(document).height() == 1500) { $(‘#m2’).parent().addClass(‘active’). siblings().removeClass(‘active’); } 我对jQuery Dimensions属性不太熟悉，所以这段代码没有多大意义，但我希望你能理解。 如果有人能告诉我如何使这项工作，那将是非常酷的。 谢谢 ：）
