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