这两天写了一个h5的活动页面,页面里面有个需求就是点击滚动到顶部;这种写过很多次;之前也没有出现过问题;而且写的时候在电脑端测试是没有问题的;
代码是这样的e
$(function(){
// 返回顶部
$('.mainTitle5 .goToTop').click(function(){
$('html,body,window').animate({ scrollTop: 0 }, 1000);
return false;
})
})
然后在真机测试,没有效果!!!!
晕呀,找了好久才发现我的css里面是这样的
html, body {
width: 100%;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
罪魁祸首就是:overflow;导致值滚动失效;