解决页面使用overflow: scroll，overflow-y:hidden在iOS上滑动卡顿的问题

Posted 2020-11-11 rachelch

解决页面使用overflow: scroll，overflow-y:hidden在ios上滑动卡顿的问题

div{
     width: 100%;
     overflow-y: hidden;
    -webkit-overflow-scrolling: touch;   
} 

在使用overflow的的地方加上?-webkit-overflow-scrolling: touch;便可解决页面在ios机器上卡顿的问题。

 

解决由-webkit-overflow-scrolling: touch 引起的ios滚动条(将滚动条显示为不可见)

::-webkit-scrollbar {
    display: none;
}

在样式中将滚动条的显示设置为none,但是滚动条的滚动效果还是有的。