Tag: scroll

IE9中的jQuery scrollLeft

好的，我有一个div＃outer，宽度为200px，例如 在这个div中是另一个更宽的div，宽度为1200px。 为了保持简单，这个值是固定的，实际上这将被计算。 外部div具有“溢出：滚动”，因此用户可以从左向右滚动。 在init中，内部div滚动到特定位置。 这一切都很好，但为什么不在IE9？ 我做了一个小提琴，最终有人知道IE在那里发生了什么。 http://jsfiddle.net/3GZYy/1/ var scrollOffset = parseInt(1255.3453 – 422.3453); $(‘#outer’).animate({ scrollLeft: scrollOffset }, 250, function() { // animation is over // createChartNavi(); });

jQuery：如何在不显示滚动条的情况下滚动正文？

我试图通过使用overflow:hidden;来隐藏文档的滚动条（在某些浏览器中它是body元素，在其他浏览器中它是html元素） 。 然后我使用jQuery.animate（）来尝试动画scrollTop属性。 当滚动条可见时（即没有overflow:hidden;样式），它可以正常工作，但在隐藏滚动条时不起作用。 这是为什么？ 我将能够稍微发布有问题页面快照的链接……

jQuery – 在hover时连续滚动div

我希望建立一个内容架子，就像在Netflix上一样，当你将鼠标hover在两端的箭头上时，架子会以连续的速度滚动。 理想情况下，我也想这样做，当你单击箭头时它会向上滚动一个块，所以你可以选择点击像是快速通过一个架子。 这将使用延迟加载，因此您不必担心重复内容，但显然它将没有设置宽度（除了外部容器100％溢出滚动。 此外，这需要实际上可滚动，因此它将适用于平板电脑/手机。 我不知道在这里开始所以任何方向都会很棒。 谢谢，杰克！ netflix架子的图象。

.on（） – 函数不重建DOM

当我向下滚动到底部时，我试图自动点击链接。 然后它会使用另一个执行相同操作的链接加载一些内容。 这是第一次完美的工作，但是当通过AJAX加载下一个链接时，它不再被点击了。 我认为它与DOM没有重建有关。 谢谢。 $(window).on(‘scroll’, function() { timeout = window.setTimeout( check, 100); }); function check(){ if (($(window).scrollTop() + $(window).height()) >= ($(‘body’).height() * 0.9)) { alert(‘Call me!’); $(‘.selector’).click(); } }

滚动时调整标题大小

我希望在用户滚动时调整标题大小，并在页面位于顶部时再次resize。 我有这个例子HTML Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis […]

jQuery Mobile固定页脚滚动文本一次然后在iOS应用程序中停止

我使用jquery-mobile（1.1.1）和Adobe PhoneGap Build创建了一个iOS应用程序。 该应用程序具有固定的页眉和页脚，并且过渡设置为“无”。 页脚包含4个导航按钮，通过javascript导航到应用程序中的四个页面。 我使用了多页模板，因此只有一个HMTL文件。 最初，我使用“data-position：fixed”在页面上定位页眉和页脚，但在页面之间切换时遇到了一些不需要的闪烁和页面跳转。 所以，我转而使用CSS来修改页眉和页脚到屏幕上（如本文所述： https ： //github.com/jquery/jquery-mobile/issues/4024 ）。 这解决了闪烁的问题，但引入了不同的问题。 问题是： 第一次滚动文本，在任何页面上，页脚随文本一起移动（即它不会保持固定）。 但只是第一次 – 从那时起，每当我滚动文本时，页脚就会保持固定。 为了澄清，这里有几个例子： 例1 打开应用程序，在第一页滚动文本 – 页脚移动。 切换到第二页，滚动文本 – 页脚保持固定。 例2 打开应用程序，切换到第二页而不在第一页上滚动 – 页脚在第二页上移动。 切换回第一页，页脚保持固定。 另外一件事我应该提一下 – 如果我启用了页面转换，那么问题只发生在第一页上。 例如。 如果应用程序加载并且我切换到另一个页面而没有先滚动第一页上的文本，页脚将保持原样应该固定。 任何有关修复此问题的方法的建议都将不胜感激。 谢谢。

水平可滚动容器内的垂直可滚动div

看看图片，请： 我有一个容器，它有许多.items-wrapper元素，可以水平滚动（红线），它工作正常。 问题是.items-wrapper div应该是可垂直滚动的（绿线），但我不能提出解决方案也不能发布代码，这真的很大。 我尝试使用溢出，但它没有奏效。 你有类似的问题，能帮助我吗？

当滚动条击中另一个div的底部时淡出div

这个问题与这个问题有关： 当URL hash＃changes时，将div添加到body 我正在使用Curtain.js，目前我有一个固定的div，当哈希值发生变化时弹出。 IE当用户向下滚动页面到不同的面板时，div淡入。 我不希望在第一个面板上看到这个div。 我现在遇到的问题是，当访问者向上滚动页面到顶部时，固定div仍然可见。 即出现在第一个面板的顶部。 一旦它碰到第一个面板的底部，我想淡出那个div。 另一个问题是面板的高度调整到浏览器窗口的高度（流畅/响应式布局）排除任何固定像素JS解决方案，这是我的代码基于： // fade in/fade out banner titles $(window).trigger(‘scroll’); var divs = $(‘.nav-wrap’); $(window).scroll(function(){ if($(window).scrollTop() < 550){ divs.fadeOut("slow"); } else { divs.fadeIn("slow"); } }); 任何人都有任何建议？

使用scrollTop的jQuery滚动问题

我有2个滚动问题，我认为在一个post中询问它们会更容易。 在我问之前，下面是我的jQuery代码我有问题。 $(“a”).click(function() { if(this.hash){ $(“#main”).animate({ scrollTop : $(“h3[name=”+this.hash.substr(1)+”]”).position().top – 120 },2000,”easeOutExpo”); } }); 情况：我在页面上发生的事情基本上是我有一个带有几个列表的侧面菜单。 每个列表中的每个项目都链接到我的主div部分或我的“内容”部分中的锚点。 单击列表项时，上面的代码将运行并滚动到其中一个锚点。 问题1：当我点击其中一个列表中的某个项目时，它会向下滚动到一个工作正常的锚点。 但是当再次单击相同的项目时，主区域会向上滚动到div的顶部。 我想解决这个问题是检查div的当前“滚动到”位置，然后如果自第一次点击后位置没有改变，则不允许代码再次运行，但我无法使其工作。 有关如何解决此问题的任何建议？ 问题2：再次如上所述，当我点击列表中的项目时，它会向下滚动到锚点。 我当时希望能够点击不同的列表项并让它滚动到该位置。 问题是，当我点击一个不同的列表项时，它会滚动到主div中的某个随机位置，我还没有锚定的位置。 任何人都可以解释我是如何做到这一点所以我可以从锚点滚动到锚点？ 注意：请通过在您的解释上面提出问题1或问题2作出回应，以便我知道您指的是哪一个。 谢谢 编辑：感谢Roko的帮助，我得到了它的工作。 对于未来的观众来说，这是一个工作演示的小提琴： http ： //jsfiddle.net/TsUcc/3/ ，以下是最终jquery代码的样子 $(“a”).click(function( e ) { e.preventDefault(); if(this.hash){ var target = ‘#’+ this.hash.substr(1); var destination = $(target).offset().top – 10; $(‘#main’).stop().animate({ scrollTop : ‘+=’ + […]

禁用向上滚动特定点

如何才能使观众无法向上滚动（经过特定点）？ 使观看者不能滚动很容易： body{ overflow: hidden; } 但这也禁用了向下滚动。 详细说明 我想要的是一些javascript / jquery代码，它们不允许向上滚动超过给定的参数，而查看者仍然可以在达到该参数之前上下滚动，但是在到达之后它们只能向上滚动，只要它不是向上滚动超过给定参数 我完全不知道怎么做这个，任何想法？