我试图基于’document.documentElement.scrollTop’值处理一些代码.它在FF和IE中返回’348′,但在Chrome中它返回’0′.我是否需要做任何事来克服这个问题? FF:>>> document.documentElement.scrollTop 342铬:document.documentElement.scrollTop 0解决方法:获取滚动的基于标准的方式是window.scrollY. Chrome,Firefox,Opera,Safari和IE Edge或更高版本支持此功能.如果您只支持这些浏览器,则应使用此属性. IE> = 9支持类似的属性...
目前我的程序位于一个地方,它既可以监听用户滚动某个元素,也可以自动滚动这个元素. (不是一个渐进的,漂亮的卷轴,而是瞬间跳跃.我发誓在上下文中有道理.) 如果通过设置scrollLeft或scrollTop完成滚动,有没有办法使滚动事件不触发?我的第一个想法是一个基本的开关,如:ignoreScrollEvents = true; element.scrollLeft = x; ignoreScrollEvents = false;function onScroll() {if(ignoreScrollEvents) return false; }但由于事件不会立...
我以为$(window).scrollTop会告诉我滚动的程度,但…… 如果我滚动一下,我会得到:$(window).scrollTop(): 0 $('#react-root')[0].scrollTop: 0 $('#react-root')[0].getBoundingClientRect().top: -450 // that seems to be correct#react-root直接连接到body,并包含所有内容.事情应该如何发生? ====编辑=== 好吧我碰巧有一个不寻常的溢出设置:html {overflow: hidden;height: 100%; }body {height: 100%;overflow: scroll; }我这...
我正在使用以下代码在bootstrap上的导航栏中的菜单链接中滚动滚动:$("#subnavbar ul li a[href^='#']").on('click', function(e) {e.preventDefault();$('html, body').animate({ scrollTop: $(this.hash).offset().top }, 600);// edit: Opera and IE requires the "html" elm. animated });此时,固定导航栏隐藏了下面的锚点.如何添加60px的偏移量来调整?解决方法:您需要从目标元素的offset().顶部减去60,以允许导航栏的空间.我...
有问题的代码会将页面滚动到页面上的特定点.正如标题所说,我希望Google Closure等同于以下jQuery:$(‘html,body’).animate({scrollTop: 800});它说here那个html,正文允许浏览器不一致,而$(文档)是等价的. 我尝试过以下方法:var anim = new goog.fx.dom.Scroll(document, [0, 0], [0, 800], 400); anim.play();我也尝试过document.body. goog.fx.dom.Svroll上网没有演示和惨淡缺乏信息.解决方法:使goog.fx.Scroll类与文档(正文或...
在我开始收听滚动事件之前,我正在更新元素的scrollTop.但是,滚动事件会触发,即使它是在scrollTop更新后添加的. 我注意到,如果我将.onscroll赋值包装在setTimeout(…,1)中;它运作得很好. 另请注意,在输出中,内存中的scrollTop值不会更改,但它会触发事件.starting out 0 haven’t added listener yet 100 listener added 100 scrolled 100任何人都可以解释为什么这样的工作?使用setTimeout或设置标志似乎是一种解决这个问题的方法;有...
有什么区别:window.scroll(0,200);和$(window).scrollTop(200);除了其中一个使用jQuery而另一个不使用jQuery之外,有什么区别?有人为卷轴设置动画而另一个没有吗?一个人会比另一个人工作得更快吗?解决方法:scrollTop使用window.scrollTo,似乎:http://james.padolsey.com/jquery/#v=1.10.2&fn=jQuery.fn.scrollTop 性能方面,纯粹的js解决方案显然更快,但在大多数情况下它应该不重要:http://jsperf.com/js-vs-jquery-scroll win...
有时当我加载我的website时,我无法向下滚动.这很少发生,但我真的很想理解为什么它有时会发生.我们的想法是,当您向下滚动网站的顶部时淡出,当您向后滚动时,网站的底部会逐渐淡出.我意识到这可能是不必要的,这就是为什么我正在重新设计它.但是现在我希望我能快速解决它. 这是主页的Javascript:$('html').addClass('jsEnabled');$(function(){ $('#particles-js').hide(0).delay(1000).fadeIn(400);$('header').hide(0).delay(1000...
左边是我正在尝试滚动的东西……它只是滚动一点然后停止.它似乎每次滚动相同的数量. 当我尝试滚动到的内容位于div中时,我正在尝试使用jQuery来处理页面加载时使用jQuery.当前的实现没有做任何事情 JavaScript的<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><script>$(document).ready(function (){//$(this).animate(function(){$('html, body').animate({scrollTop: $("#test4").off...
我的代码可以像下面一样检测浏览器窗口底部,然后运行last_msg_funtion(); :$(window).scroll(function(){if ($(window).scrollTop() == $(document).height() - $(window).height()){last_msg_funtion();} }); 我的问题是用户需要向下滚动直到底部(页脚)然后是last_msg_funtion();将运行,但我想从底部调整检测可能约30% 见下图: 我的网站:Click Here 完整代码:Click Here解决方法:试试这个:$(window).scroll(function(){if ...
我使用bootbox.js来制作模态但是当模态fadeIn和内容太长时,滚动条会进入底部按钮的级别.当模态出现时,我需要滚动条保持在顶部解决方法:我已经解决了添加.off(“shown.bs.modal”);在bootbox.dialog之后.bootbox.dialog({ ... }).off("shown.bs.modal");