Tag: 滚动

如何使鼠标滚轮滚动到截面，如在mediafire.com: 我遇到了这个网站http://www.mediafire.com/的主页，当你滚动鼠标滚轮时，页面自动定位到页面的下一部分。我想知道它是如何完成的。谁能帮我这个。提前致谢。此致，Aswin

检查用户是否使用触控板滚动？: 我创建了一个网站，用户可以使用鼠标滚动或向上/向下箭头滚动浏览图库。它正如我想要的那样工作，并且在用鼠标滚动时更改一个图像pr滚动。但是，如果用户使用触控板滚动，则几乎不可能一次滚动单个图像。所以我的问题是：有没有办法检查用户是否通过触控板滚动，然后更改滚动的行为，因此它变得不那么敏感，从而更容易一次滚动单个图像？我不是很擅长jquery，到目前为止，我的解决方案已经从几个脚本中组合在一起： http://jsfiddle.net/MukuMedia/PFjzX/33/ 希望可以有人帮帮我：）

如何在溢出隐藏div内滚动到某个当前不可见的元素？: 我有一个溢出隐藏div中的元素列表。因此，并非所有元素都可见。现在，如果一个元素被激活，它应该在div中可见。如何使用jQuery滚动到活动元素？最后一个元素具有活动类只是方便。它将动态切换。 var scrollToEl = $(“div.element.active”); console.log(zoomToEl); #main, #sidebar { height: 200px; } #wrapper { width: 190px; float: left; background: grey; overflow: auto; overflow-x: hidden; } #sidebar div.element { height: 150px; width: 150px; background-color: green; margin-bottom: 10px; } #sidebar div.element.active { background-color: red; } a b c d e f g […]

滚动时将每个div视为“页面”: 我有一个我正在构建的页面，我希望在滚动（向上或向下）页面时滚动到下一个div（每个div是窗口高度的100％）。并在那里“固定”，直到你再次滚动。我可以在这里看到我想要完成的一个例子： http://testdays.hondamoto.ch/ 您会注意到，当您向下滚动时，它会自动将您移动到下一个“div”。我尝试过的：使用jQuery .scroll事件结合： function updatePosition() { if(canScroll) { var pageName; canScroll = false; var st = $(window).scrollTop(); if (st > lastScrollTop){ // downscroll code if(pageNumber 0) { pageNumber–; } pageName = ‘#’ + getPageToScrollTo().id; $(‘body’).animate({ scrollTop: $(pageName).offset().top }, 2000, function() { canScroll = true; }); } lastScrollTop = st; } […]

劫持页面像Google Plus一样滚动？: 1）如果您有Google Plus帐户，请转到您的主页。 2）在右侧，有一个可以hover在其上的“添加到圆圈”按钮列表。 3）请注意，当您将鼠标hover在“添加到圆圈”下拉列表中时（如果您有足够的圆圈可以在下拉列表中滚动），则会禁用页面滚动function。只允许在下拉列表中垂直滚动。这是如何用javascript完成的？我可以在此处滚动（右侧的滚动条），但在下拉时无法在页面主体上滚动。

使用jQuery将滚动对象保持在可见窗口内: 当我意识到这个“问一个问题”页面上的“如何询问/格式化”侧边栏框完全符合我的要求时，我正在写一篇关于我想做什么的详细描述。基本上，它与屏幕的其余部分一起向上和向下滚动，与主要部分保持顶部对齐，除非主要部分开始滚动到可见窗口的顶部。此时，侧边栏框停止滚动，并开始表现为绝对位于可见窗口的顶部。我已经尝试在这个“询问”屏幕上挖掘源代码和脚本，但是有很多事情发生，这几乎是不可能的（对我来说，至少）。我假设jQuery实际上使这种事情非常简单，但我是新手，所以我很难为自己搞清楚。（如果这是一个常见的问题，我的道歉 – 我一直在寻找大约一个小时，但是有很多密切措辞的jQuery问题，我无法找到答案。）在此先感谢您的帮助。

滚动鼠标hover，点击查看速度: 当你将鼠标hover在div上时，我试图让我的页面滚动。这是我到目前为止所得到的 $(document).ready(function() { $(“#hoverscroll”).mouseover(function() { var div = $(‘body’); setInterval(function(){ var pos = div.scrollTop(); div.scrollTop(pos + 1); }, 100) }); }); http://jsfiddle.net/3yJVF/ 但是，还有两件事要做。我需要它在每次单击时提高速度，在不再hover时停止并将速度重置为默认值。我正在努力实现这样的目标： $(document).ready(function() { $(“#hoverscroll”).mouseover(function() { var div = $(‘body’); setInterval(function(){ var count = 1; var pos = div.scrollTop(); div.scrollTop(pos + count); }, 100) }); $(“#hoverscroll”).click(function() { if (count < 6) […]

仅当滚动位置在2个点之间时，才使用jQuery显示div: 我试图找出当用户滚动到其包含div的高度（#wrap）的第二个四分之一时如何获得div（#tips），然后当用户滚动到最后一个季度时它消失。所以它会是这样的：第一季度 – #tips被隐藏第二季度 – #tips可见第三季度 – #tips可见第四季度 – #tips被隐藏我几乎是jQuery的新手，但到目前为止我得到的是： function addKeyboardNavigation(){ // get the height of #wrap var $wrapHeight = $(‘#wrap’).outerHeight() // get 1/4 of wrapHeight var $quarterwrapHeight = ($wrapHeight)/4 // get 3/4 of wrapHeight var $threequarterswrapHeight = 3*($wrapHeight) // check if we’re over a quarter down the page […]

jquery：检测滚动位置: 我想在滚动时看到我的页脚时发出警报。 $(window).on(“mousewheel”, function(){ if ($(window).scrollTop() + $(window).height() > $(‘#footer’).position().top){ alert(“footer visible”); } else{ alert(“footer invisible”); } }); http://jsfiddle.net/JRUnr/10/ 所有具有高度的条件似乎都是正确的，但在滚动期间不会。

基于鼠标位置的平滑滚动条（Jquery）: HI！我想基于鼠标位置创建一个平滑滚动条。我们的想法是创建一个固定宽度的外部div。内容非常宽，必须根据鼠标位置向左或向右滚动。如果内容是“无限的”或“无限的”，那就太好了。内容是一个非常宽的图像，重复’seamelesly’。任何人都可以通过在jQuery中创建它来帮助我吗？ Thanx提前！亚历克斯