如上图，当页面内容比较多时，滑动页面，右侧会出现滚动条，而且会盖在自定义的下侧固定导航条的上边，请问如何隐藏滚动条呢？

网上说用如下css，试了，但是没有任何效果。

::-webkit-scrollbar{

width: 0;

height: 0;

color: transparent;

display: none;

}