原生js上拉加载

发现目前项目里的上拉加载在我手机上不好使,以下是原代码:

if(window.screen.height + document.documentElement.scrollTop >= document.body.clientHeight){

    //你的操作

}

就把这几个判断条件显示在了页面上,用手机调试,发现document.documentElement.scrollTop 一直是0

应该是部分机型不支持这个。使用document.body.scrollTop可以获取到。

于是可以改成:

if ((window.screen.height + document.documentElement.scrollTop >=document.body.clientHeight ) 

|| (window.screen.height + document.body.scrollTop >= document.body.clientHeight)){

    //你的操作

}

就ok啦。

是一个很简单的问题~

你可能感兴趣的:(vue)