IOS滚动不流畅问题

3,343 阅读1分钟

在滚动元素添加CSS:

    overflow-y: auto; 
    -webkit-overflow-scrolling : touch;

另:效果是实现了,但在vue ios微信公众号发现一个很大的问题,原因是为了偷懒在#app下直接添加的样式

#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling : touch; /* 就是这句 */
  height:100%;
}

1.页面在最底部的时候 向上滑动 底部固定fixed 会被遮挡,如下。

2.向上滑动大量内容(很快)的时候,顶部固定栏fixed 会出现抖动的情况。

两个问题都可以通过-webkit-overflow-scrolling : touch; 只在滚动的地方使用,就不会有此问题。详细说明可以看看 www.cnblogs.com/xiahj/p/803…

最后:随文一记,写的不对的还请大佬指正