解决ios上滑动不流畅及滚动条隐藏无效问题

元素上设置overflow-x:scroll时，在ios上滑动不流畅，可以使用以下方法

ul{
  overflow-x: scroll;
  overflow-y: hidden;
  /*解决ios上滑动不流畅*/
  -webkit-overflow-scrolling:touch;
  /*ios浏览器上隐藏滚动条无效，可以使用padding属性把滚动条定出范围,具体大小根据实际情况设定*/ 
  padding-bottom:0.4rem;
}
/*隐藏滚动条*/
ul::-webkit-scrollbar{
  display:none;
} 

 

转载于:https://www.cnblogs.com/chao202426/p/11131140.html