前端滚动的小坑

前言

最近在做上拉加载更多的效果，发现了一个小坑。

移动端

无论什么情况，只要手指往上拉动，就会触发滚动事件。

PC端

如果内容不足以触发content的overflow:scroll，用鼠标上下滚动并不会触发滚动事件。但内容太多触发overflow:scroll后，鼠标上下滚动就会触发滚动事件。

结语

在pc端最好不要使用上拉加载更多的效果，如果一定要用，请确保初始内容超过content。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1赞 92
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,269评论 25赞 708
  • 2.4 因子
    2.4 因子 统计中变量:区间变量，名义变量和有序变量 区间变量取连续的数值，可以进行求和平均值等运算 名义变量和...
    Andrew_bao阅读 638评论 0赞 0
  • 2016-2017赛季NBA季后赛首轮走势分析及预测
    截止今天，本赛季NBA所有进入季后赛的16支球队，首轮对手均已碰面，比赛打到这个时候，所有球队都不会藏着掖着，第一...
    下了贼船的海盗阅读 967评论 11赞 4
  • 孵化营总结
    时间过得好快啊，转眼45天孵化营就要结束了，好留恋所以的孵化营里的老师们，创办孵化营的领导们和默默付出的老师们，你...
    奋力拼搏A阅读 455评论 0赞 0