【问题】移动端H5滚动条滚动到最底部,滚动条自动消失无法滚动

430 阅读1分钟

最近在IOS移动端出现当滚动条滚动到最底部之后,稍微停个几秒之后滚动条自动消失 无法滚动(小幅度的无法滚动大幅度可以滚动)

解决办法:额外使用div来做滚动条使得滚动条可以一直出现

在网络上提供了几个解决方案:

  1. 【无效】给运动元素上设置-webkit-overflow-scrolling: touch;目前IOS13也去去除了这个属性相关链接
.element{
    -webkit-overflow-scrolling: touch;
}

2.【有效】通过JS来监听滚动事件,但是需要写逻辑

  1. 【有效】直接使用第三方插件scroll 或则 其他

在网络上查找之后并没有找到合适的方案,目前只能是使用第三方插件,但其实第三方也是使用给元素新增div来做滚动条