记录一下移动端隐藏滚动条的css样式

PC端隐藏滚动条

首先将pc端的css样式贴上来

html {
        /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
        -ms-overflow-style:none;
        /*火狐下隐藏滚动条*/
        scrollbar-width: none;
    }
  /*Chrome下隐藏滚动条，溢出可以透明滚动*/
html::-webkit-scrollbar{width:0px}

ie/Edge的样式会使页面内所有滚动条隐藏。Chrome和火狐会隐藏右侧默认滚动条，想要隐藏某个标签内滚动条要单独给予相应样式。

移动端隐藏滚动条

移动端要隐藏直接将html改为想要设置的标签名或者类、id名就行

 

如果想要整个页面的滚动条都隐藏，请参考这篇文章

https://www.cnblogs.com/ayyay/p/11757470.html