Tag: 滚动

如何在窗口滚动上增加一个数字1: 我有一种固定在页面侧面的进度跟踪器，当你滚动时，我希望线条在用户向下滚动页面时获得高度（以百分比表示）。当用户滚动时，我无法将高度增加一个。这是我目前的代码。 JS $(window).scroll(function(){ var number = 0; /* I’d like to increment this by one on scroll */ // Only start the process when the first section comes into view if($(“#progress-tracker-nav li”).hasClass(‘active-section’)) { number++; /* I’d like to increment this by one on scroll */ $(“.progress-line”).css(‘height’, number + ‘%’); } })

滚动结束后如何调用函数？: 我想在滚动结束后立即调用一个函数。我尝试了很多不同的东西，其中没有一个工作得很好，然后我在SO中找到了这个解决方案：我如何知道何时停止滚动Javascript 我仔细看了第二个答案并试了一下 – 它有效。然后我试着为了我的目的略微改变它。所以现在整个shebang看起来像这样： Do something after scroll ends #scrollableDiv{ width:500px; height:100px; overflow:scroll; } #someContent{ width:600px; height:200px; } $(document).ready(function() { $(‘#scrollableDiv’).bind(‘scroll’, bodyScroll); var scrollTimer = -1; function bodyScroll() { console.log(‘scrolling.’); if (scrollTimer != -1) clearTimeout(scrollTimer); scrollTimer = window.setTimeout(‘scrollEnded()’, 500); }; function scrollEnded(){ console.log(‘scrollEnded. Now do something astounding.’); }; }); Scroll me. […]

jQuery – 如何在单击时将锚点滚动到页面顶部？: 我在div元素中有一个链接列表，我在使用dropcontent.js在单击链接时将内容加载到另一个div 。我现在想添加一些代码，将点击的链接滚动到浏览器窗口的顶部。对于列表中的每个项目，HTML都是这样的： Project 2 This is some intro text for project 2 我找到了在点击链接时滚动到ID的教程（通过使href成为你要滚动到的div的ID – 遗憾的是我不能这样做，因为我的href实际上是一个单独的html页面，即使它是使用dropcontent将其加载到当前页面。我还找到了一个在页面加载时滚动到特定ID的教程，但没有一个只是说当点击给定类的锚时，将其滚动到浏览器窗口的顶部。有人可以帮我解决这个问题吗？谢谢。更新：我使用以下代码运行滚动： $(‘.work a’).click(function() { $(‘html,body’).animate({scrollTop: $(this).offset().top}, 500); }); 但是，我的dropcontent.js不再有效…我认为因为我在同一次点击时有两个function…我希望首先加载内容，然后滚动。这是我的dropcontent.js $(‘.work a’).click(function(event) { event.preventDefault(); var parent = $(this).parents(“.work”); var content_holder = parent.children(“.pictures”); if (parent.hasClass(“selected_work”)) { close_other(); return; } close_other(); parent.addClass(“selected_work”); content_holder.load(this + ” #content […]

滚动时更改背景颜色: 我想创建一个类似于下一页http://readymag.com/的效果，其中背景颜色根据滚动位置而变化，但不知道如何去做，我无法理解他们的代码。我已经看到一些从1种颜色变为另一种颜色的例子，但我不确定如何使用多种颜色。（我希望能够指定每种颜色）任何帮助将不胜感激。迈克尔。

检测是否在jQuery中手动触发滚动事件: 这个问题很久以前就已经在这里提出过：检测用户的jquery事件触发器或代码调用但它从来没有得到最终的回答（或者我可能根本无法正确搜索）。是否可以检测scroll事件是由用户还是由jQuery animatefunction触发的？我正在尝试阻止scroll事件触发自己，同时做这样的事情： $(document).scroll(function(){ $(“html”).stop(true); var number = 400; //some other stuff is happening here clearTimeout(tout); tout = setTimeout(function(){ if(top == $(document).scrollTop()){ $(“html”).animate({ scrollTop: (number), easing: “easeInQuad”, duration: 110 }); } },120); }); 这段代码似乎合适： $(‘#scroller’).scroll(function(e) { if (e.originalEvent) { console.log(‘scroll happen manual scroll’); } else { console.log(‘scroll happen by call’); } }); […]

滚动到水平div中的元素: 我有一个横向div：我需要通过JavaScript按钮滚动到此div中的特定元素（必须将click div滚动到该元素之后）。我怎样才能做到这一点？ …. ….

如何在JavaScript中以编程方式区分鼠标滚动和滚动？: 我通过更改Javascript中的scrollLeft属性来滚动溢出的DIV内容： setInterval(function(){ $(‘#scrollbox’).scrollLeft($(‘#scrollbox’).scrollLeft()+1); }, 50); 但是，我想在用户使用鼠标滚动内容后立即停止此操作。我试图使用scroll事件检测到这一点 $(‘#scrollbox’).scroll(function(){…}); 但是，我上面的自动滚动也会触发该事件。我如何区分这个并且只对用户启动的滚动做出反应？（或者：如何阻止上面的代码触发滚动事件？这也可以解决问题）

jQuery对话框滚动到对话框中的元素: 我有以下问题：我用jQuery UI打开一个对话框。此对话框包含大量内容，无法一次显示。是否可以滚动到对话框中的特定元素？

如何在滚动停止时触发ajax请求？: 在窗口滚动我正在做这样的ajax请求 $(window).scroll(function(){ //doing ajax request }); 但它正在为滚动事件创建多个ajax请求。是否存在像onscrollstop之类的事件或仅在窗口滚动结束后触发的事件。或者还有其他方法可以处理相同的场景。请建议。

身体滚动鼠标位置？: 基本上，function在这里，它只需要一些我不知道如何调整的细化，我写了这个小片段，它完全按照我想要的方式，但不会滚动整个页面，它只是滚动“窗口“大小。谁能接受这个并让它变得惊人？ 🙂 $(document).mousemove(function(e){ percent = ((e.pageY) * 100) / $(this).height(); $(‘body,html’).scrollTop( percent); });