scrollTop()在Firefox中返回0,但在Chrome中不返回

2020/12/30 22:11 · jquery ·  · 0评论

不知道是否还有其他问题,如果可以,我对此表示歉意,请不要放开猎犬。

使用html5 doctype并执行快速console.log退出滚动侦听器,该滚动侦听器告诉我scrollTop()的值。我基本上是这样做的,所以当我滚动到一个点时,会更改元素的不透明度。我正在使用MVS解决方案进行此操作,但是我无法将其推送到外部站点,因此您无法查看。这是一个简短的摘要:

var opacity = 1;
var scrollTop = $('body').scrollTop();
if (scrollTop > 200) {
   opacity = 0.1;
}
$('#element).css('opacity', opacity);

如果我在Chrome中滚动,则会看到console.log(scrollTop);。显示我想要的内容(即,每次滚动100个),而我按下200 scrollTop后,不透明度消失。如果我滚动FF和IE7 +,则每次滚动时var都会返回“ 0”。如果我将$('body')。scrollTop()更改为$('document')。scrollTop(); 然后我得到一个“空”返回滚动。

有任何想法吗?谢谢!

尝试使用 var scrollTop = $(document).scrollTop();

$(window).scrollTop() 可以在Firefox和Chrome中正常运行。

为了进行验证,请在chrome和firefox中运行以下jsfiddle:http : //jsfiddle.net/RBBw5/6/

在古怪的模式下对IE9感到沮丧之后,我发现$('body').scrollTop()IE9在IE9,Chrome 32和Firefox 26可以可靠地工作。

scrollTop = $('html').scrollTop();对Firefox使用var Works

不过,您需要嗅探浏览器(我知道,功能检测,不是嗅探,但是您无法检测到),因为它在Chrome中不起作用,请尝试以下操作:

浏览器检测jQuery 1.9的最简单/最简单的替换方法?

本文地址:http://jquery.askforanswer.com/scrolltopzaifirefoxzhongfanhui0danzaichromezhongbufanhui.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!