在iPad上设置溢出滚动触摸覆盖webkit-scrollbar的所有自定义css设置,有没有解决此问题？

Question

如果我为div设置以下css:

-webkit-overflow-scrolling: touch;

我用来隐藏滚动条的自定义css被覆盖,默认滚动条出现在iPad上.

这是我用来隐藏滚动条的CSS:

  ::-webkit-scrollbar {
    width: 12px;
    opacity:0;
  }
  ::-webkit-scrollbar-track {
      opacity:0;
  }
  ::-webkit-scrollbar-thumb {
      opacity:0;
  }

如果您知道在溢出滚动设置为触摸时覆盖默认滚动条的任何解决方案,我将非常感谢您的帮助.

谢谢!

Answer 1

您应该查看一些jQuery 自定义内容滚动器插件，尤其是诸如此类的选项，contentTouchScroll: integer这些选项可能会帮助您检测触摸屏，然后使用它。

或者

否则，可能是更好的解决方案，您应该（如此处建议的那样）使用Modernizr。

if (Modernizr.touch){
   // bind to touchstart, touchmove, etc and watch `event.streamId`
}

为什么不将它们两者一起使用

if (Modernizr.touch){
   $(".content").mCustomScrollbar({
       contentTouchScroll: false
   });
}

祝你好运'