Tag: 滚动

jQuery / Javascript：所有浏览器中的scrollTop值？: 也许其他几个已经问过但我找不到任何问题的答案…… $(window).scroll(function() { // Only works in Firefox and I guess in Opera console.log(document.documentElement.scrollTop); // Only works in Chrome and Safari console.log(document.body.scrollTop); }); 我需要这个scrollTop值在每个浏览器中都是正确的！那是怎么回事？提前致谢

滚动时捕获第一个可见的div id（视口）: 我有这个页面：我想在我滚动时捕捉到我在哪个div上。我知道如果我使用： if( $(document).scrollTop() > $(‘#div1’).position().top) { console.log(‘Div1’) } …它将捕获div1但不是为每个div使用此代码我想为所有div设置1个片段就像是： var a = // The div i am at if( $(document).scrollTop() > $(a).position().top) { console.log($(a).attr(‘id’)) } 我看起来像视口： http ： //www.appelsiini.net/projects/viewport/3×2.html 我可以在没有插件的情况下实现这一目标，只需2-3行吗？

jQuery.ScrollTo onAfter设置无法正常工作: 我正在使用jQuery.ScrollTo脚本能够垂直滚动到所选图像（如果容器类“presentation”不在这里）或下一张图片并将其显示在屏幕中间。注意：我创建了两个状态。当用户点击任何图片时，我将“演示”类添加到所有图片的container div 。因此，我将知道是否必须显示所选图像或下一个图像。当用户在页面内滚动时，此模式将停止。要做到这一点，我正在使用$(window).scroll事件。这是我的问题：在图片上的点击事件之后，某个时候，我的class级“演示文稿”被我的$(window).scroll事件删除但我不知道如何解决它。这是演示： http ： //jsfiddle.net/qnQSP/8/ 我在做什么：正如你所看到的，我想创建两种状态：“演示模式”和“无演示模式”。当我们通过将全局类添加到我的容器“#galleries”来点击某个项目时，我激活了演示模式。通过此类“打开”，我可以确定是否必须显示当前图像或滚动到下一个图像。对于完全演示模式，我写了“$（window）.scroll”函数。当我们在页面内滚动时，此function退出演示模式。但是，当我在演示模式下使用.scrollTo函数时，由于“$（window）.scroll”函数，我总是退出此模式。所以，我有全局变量“presentation_mode_stop_scrolling”来阻止它。有时在我的scrollTo函数之后调用“$（window）.scroll”函数，无法解析它。这是我的代码： HTML： jQuery的 $(window).scroll(function () { if(presentation_mode_stop_scrolling==”off”) { $(“#galleries”).removeClass(“picture_presentation”); } }); var picture_to_center_class = “”; var picture_to_center=””; $(“#galleries #pictures-content”).unbind(“click”); $(“#galleries #pictures-content”).bind(“click”, function(event) { // Check if we are in the presentation mode var class_galleries […]

jQuery：快速滚动 – 可能吗？: 我有一个带有固定标题的可滚动表格。是否可以在滚动条上进行“快照滚动” – 这意味着表格行不会逐个像素地滚动，而是快速响应其行高，以便更好地查看。

如何在使用jQuery在页眉和页脚之间滚动时使侧边栏变粘（不滚动它们）？: 我需要一个严格的jQuery解决方案来解决这个问题。这是因为我正在使用Wordpress，而我想制作粘贴的侧边栏小部件位于元素内部，我无法完全达到高度。就像.scrollTop()检测页面向下走多远使侧边栏小部件变粘的方式一样，我需要JS检测我从页面底部到底是多远，通过指定一个新的固定位置来“取消”小部件。我尝试使用.offset()进行此操作，但到目前为止我还无法使其工作。 function stopDiv() { var distance = $(‘.footer’).offset().top – $(‘.widget’).offset().top; if (distance < 10) { $('.widget').css({ 'top': 'auto', 'bottom': '10px' }); } } 你可以在我的侧栏下方的片段中看到它应该滚动，但我希望侧边栏在距离页脚距离<10px时采用新的固定位置。我希望侧边栏在页脚上方采用新的固定位置，直到用户向上滚动。编辑： @Benvc下面建议的解决方案在片段中工作正常，但在我的wordpress网站上没有。以下是我得到的控制台错误： scripts.js:18 Uncaught ReferenceError: s is not defined at HTMLDocument. (scripts.js:18) at i (jquery.js:2) at Object.fireWith [as resolveWith] (jquery.js:2) at Function.ready (jquery.js:2) at HTMLDocument.K […]

hover时jQuery open div; 自动滚动: 我有一个UL列表，里面有几个链接，每个项目都链接到自己的DIV 。当用户将鼠标hover在UL链接上时，会显示正确的DIV框。这是我的HTML代码： Link 1 Link 2 Link 3 Something goes here 1 Something goes here 2 Something goes here 3 以及使它工作的JavaScript（不是JavaScript专家，抱歉）： $(function() { var $boxes = $(‘.boxlink’); $(‘.productlist .product-link’).mouseover(function() { $boxes.hide().filter(‘#box’ + this.id).show(); }); }); 我想知道如何让盒子每隔3到4秒自动滚动一次。因此，例如，第一个DIV打开3秒，然后是第二个，然后是第三个…… 这是现场网站，因为我还没有真正描述它。

获取dom容器中的滚动百分比: 我有一个应用程序，内容应该在用户向下滚动时加载（如Twitter / Facebook …）。我正在尝试根据滚动事件和当前滚动位置检测何时加载更多数据。我读过这篇文章： https ： //stackoverflow.com/a/3898152/82609 if($(window).scrollTop() + $(window).height() == $(document).height()) { console.error(“bottom!”); } 这几乎可以工作，但在我的情况下，当我滚动到底部我有 $(window).scrollTop() + $(window).height() > $(document).height() 窗口滚动顶部+窗口高度如何大于高度？它不是那么大，只是一点点。 console.error(“$(window).scrollTop() + $(window).height()=”,$(window).scrollTop() + $(window).height(),” VS $(document).height()”,$(document).height()); // It gives me in the console: $(window).scrollTop() + $(window).height()= 877 VS $(document).height() 872 很多时候，当我完全滚动到底部时，我会得到一些来自无处的额外像素。有人可以解释一下吗？我正在尝试计算容器中滚动内容的百分比： getScrollPercentage: function(scrollableElementSelector) { var scrollableElement = […]

通过鼠标禁用垂直滚动: 可能重复：如何通过鼠标停止垂直滚动。我在网络浏览器中使用javascript / Jquery。我制作了一个自定义水平滚动条，它使用鼠标滚轮或鼠标滚动。通常鼠标滚动与垂直条一起使用。所以它与我编程的水平滚动条冲突。我不想完全删除垂直条，只是在我们滚动鼠标时禁用。如果你有意义，那么请建议。