巧解手机浏览器滚动条到达底部不自动刷新的问题

        最近自己做了一个读书摘要分享的网站,兼容PC端和手机端浏览器,可是在手机浏览器滚动条到达底部时,不自动刷新。一般情况下,根据 scrollTop+WindowHeight == scrollHeight的值来判断滚动条是否到达底部,然后自动刷新页面,动态载入数据,在PC端完全没有问题,可是在手机端就无法动态载入数据。
        为了解决该问题,我采用在页面底部添加一个“加载更多”的点击按钮,这样,在PC端打开网页时,页面动态刷新加载数据,在手机端时,通过点击“加载更多”按钮来实现数据加载。通过了解,新浪微博、百度在手机端也是采用的“点击更多”的方式来实现内容加载的。如果你觉得在PC端,“加载更多”按钮有点多余,你可以做适配,根据屏幕的大小来判断是否显示“加载更多”按钮,但是我个人觉得没有必要。

效果可以见网站:www.thinbook.cn

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值