关于jQuery中scrollTop中的一些兼容问题。

来源:互联网 发布:网络大电影合作平台 编辑:程序博客网 时间:2024/06/10 22:07

最近在做一个响应式的页面,需要有按钮来实现点击回到页头及点击回到页尾的功能。
在使用

$('#btn').click(function(){   $(body).animate({     scrollTop:0   },speed);});//发现,该功能只在IE与FireFox下有用,Chrome内核无效。

这里写图片描述
即:

选择器为body时:FireFox无效,Chrome有效
选择器为html时:Chrome有效,FireFox无效

因此,在编写代码的时候,只要进行双重选择即可兼容:

$('#btn').on('click', function() {                var speed = 400; //滑动的速度                $('html,body').animate({                    scrollTop: 0                }, speed);                return false;            });

经测试,在IE(9及以上),FireFox及Chome浏览器下,均能正常使用该功能。

阅读全文
0 0
原创粉丝点击