window.scrollTo在微信内置浏览器无法生效

最新推荐文章于 2024-05-31 11:18:25 发布

星魂csq

最新推荐文章于 2024-05-31 11:18:25 发布

阅读量242

点赞数

文章标签：前端 java javascript

本文链接：https://blog.csdn.net/qq_37514538/article/details/134594340

版权

查了很多资料说加了这一句就可以，可测试还是不行

document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

在某篇博客看到是因为body问题，无奈之下只好不用body实现超出滚动

html 代码

<body>
    <div id="app"></div>
</body>

css 代码

body{
    overflow:hidden;
}
#app{
    heigh：1000px; //注意不能使用100%
    overflow: scroll;
}

js 代码

$('#app').scroll(function() {
    var scroH = $('#app').scrollTop() || document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;  //滚动高度
    console.log(scroH)
    if(scroH>60){ //可以监听到了
          
    }else{
       
    }
});