Tag: scroll

如果hoverdiv 则停止滚动页面

我有一个可滚动的div，但无论何时到达它的底部/顶部，它都会开始滚动整个页面。 这对于滚动速度快的用户来说可能很烦人，然后整个页面开始意外滚动。 我需要一些东西，如果你将鼠标hover在div上，页面就不可滚动了。 我在hoverdiv时通过添加CSS尝试了这个… body { overflow:hidden; } ……它有效，但有一个问题。 滚动条消失，看起来有点愚蠢，让它消失/重新出现。 有什么方法可以达到相同的效果，但保持滚动条可见？ 我已经看到它与Facebook聊天完成。

JQuery UI自动完成（1.8）滚动

我在配置JQuery-UI的自动完成模块时遇到了麻烦。 我需要当要选择的数据量足够大时会出现滚动条。 这是我试过的： 在jquery-ui-1.8.16.css我设置了这个： ui.autocomplete{ max-height: 100px; overflow-y: auto; overflow-x: hidden; } *如ui-documentation示例中所示 这就是我声明和自动完成输入的方式： $(“#myInput”).autocomplete({ source: mySource, minLength: 0, }); 我不知道为什么滚动条没有出现，任何帮助将不胜感激。 非常感谢你！

滚动到某个点后垂直定位DIV

我正在尝试为博客文章制作一个垂直的社交分享按钮。 我想在滚动到某一点后修复“share_DIV”位置。 因为“Share_DIV”不应出现在标题区域，它的位置将是绝对的并由jQuery计算，让它在*the header*和*the title* ，然后当你向下滚动并到达文本正文“share_DIV”时“当你向下滚动到文本正文的末尾时，应该开始与你同行。 所以share_DIV应该在scroll事件上垂直移动，只在START POINT – > END POINT之间 share_DIV在小提琴代码中有类.vertical-container 。 小提琴示例将准确解释我需要什么。 我怎样才能用jQuery完成它？

$（window）.scroll（）在页面加载时触发

有没有办法阻止$(window).scroll()在页面加载时触发？ 在Firefox 4中测试以下代码，即使我拔下鼠标，它也会触发。 jQuery(document).ready(function($){ $(window).scroll(function(){ console.log(“Scroll Fired”); }); });

滚动动画进度条

我有一个进度条，当页面加载时动画，但我希望它在用户向下滚动时动画，因为它将在页面中间。 现在，如果页面加载，则用户看不到动画。 基本上，动画应该暂停，直到用户向下滚动到某个点，一旦条形图在视图中，动画就会开始。 这是我到目前为止的Javascript： $(function() { $(“.meter > span”).each(function() { $(this) .data(“origWidth”, $(this).width()) .width(0) .animate({ width: $(this).data(“origWidth”) }, 1200); }); });​ 这是一个更详细的jsfiddle： http ： //jsfiddle.net/YAZJb/

在身体上滚动监听器

我想问一下滚动监听器。 我想在主体上添加滚动侦听器，但它似乎不起作用。 $(‘body’).scroll(function(){ console.log(‘SCROLL BODY’); }); 我在小提琴上创建基本的例子，有人能解释我为什么不工作？ 对不起nubies问题…

如何在动画完成之前禁用滚动？

我使用此代码滚动到我的页面上的某个元素： $(“html, body”).animate({scrollTop: $(“.myDiv”).offset().top}, 300); 它有效，但有一个问题：当用户向下滚动时脚本向上滚动，有一些抖动，因为有两个滚动命令同时在不同的方向 – 听起来合乎逻辑。 我检查了一些具有这种滚动function的其他网站，没有任何好斗。 那么防止这种情况的诀窍是什么？

jQuery scrollTop（）为所有元素返回0

在我的工作中，我们有一个用AngularJS创建的单页网站。 我们正在使用ui-router插件（版本0.2.0）。 最近我注意到当从一个状态移动到另一个状态时，窗口不会滚动到顶部。 我甚至试图在每次状态更改时使用jQuery的scrollTop()函数手动滚动到顶部（使用$stateChangeSuccess事件）。 但它没有用。 所以我开始调查，我注意到scrollTop()为页面上的每个元素返回0。 不仅如此，当我将window.scrollY打印到控制台时，我得到0（无论我在页面上的哪个位置）。 不仅在我的代码中，而且即使我只是在chrome dev工具控制台中编写它。 我用AngularJS和ui-router编写了几个应用程序，它只发生在这个特定的应用程序中。 我已经检查过是否覆盖了scrollTop()函数甚至是window.scrollY字段，但是没有找到任何东西。 我尝试使用ui-view和autoscroll=”true”并使用autoscroll=”false” ，但它并没有什么区别。 我也试过给html和body元素height:100% ，我也没试过。 但没什么。 我真的不知道接下来该做什么。 我无法重现这个问题，但如果您认为我应该在这里发布任何可以提供任何帮助的代码，我会很乐意这样做。 谢谢！ 编辑： 我在控制台上运行此function： var l = $(‘*’).length; for(var i = 0; i 0) { console.log(elem, elem.scrollTop()); } } 该function只打印出一个带有顶部滚动的元素。 元素是一个包装div，它包含整个内容和主视图（我的应用程序中有嵌套视图）。 如果我在这个元素上使用scrollTop(0) ，我得到了我想要的东西，但它只处理症状，而不是真正的问题。

jQuery水平滚动（点击和动画）

我有一系列div在水平线上浮动到无限远。 我有一个固定宽度的div容器，溢出：隐藏。 最后，我想按左右两侧的div /按钮滚动项目（使用滚动条）。 我无法让.animate（）工作。 我希望每次单击都可以移动列表中的项目。 它应该类似于亚马逊“购买此物品的顾客”列表，您可以以相同的方式滚动。 我很想尝试使用.mousedown并让它在移动时移动（类似于真正的滚动）但是想要先做更简单的方法。 这是小提琴和代码： http://jsfiddle.net/stfzy/16/ HTML： CSS： #container{ width:340px; height:50px; } #list-container { overflow:hidden; width: 300px; float:left; } .list{ background:grey; min-width:700px; float:left; } #arrowR{ background:yellow; width:20px; height:50px; float:right; cursor:pointer; } #arrowL{ background:yellow; width:20px; height:50px; float:left; cursor:pointer; } .item{ background:green; width:140px; height:40px; margin:5px; float:left; } jQuery的 $(document).ready(function() { $(‘div#arrowR’).click(function(){ $(‘div.item’).animate({‘left’:’-=300px’}); }); […]

$（document）.scroll不仅仅在IE8中触发

我有一个网站运行一些JavaScript。 仅在IE8中，使用或不使用鼠标滚轮滚动时，$（文档）.scroll不会触发。 以下代码段： $(document).scroll(function () { //do something on scroll }); 有没有特定的原因这个function不会在IE8中触发？ 我在线搜索没有成功。 感谢所有建议和提示!!!!!