隐藏的可滚动div，应在所有浏览器中都可用

Question

在我的角度应用程序中，我想要一个隐藏的可滚动div。

下面的链接供那些不知道它的外观...的人

http://jsfiddle.net/5GCsJ/4713/

我的应用程序中具有固定标题和固定导航。其余所有内容应位于隐藏滚动条的可滚动div中。

这是我的项目的样子

我想要可滚动div内的红色标记区域。

这是我的主要布局html文件。

<sa-header></sa-header>


<sa-navigation></sa-navigation>


<div id="main" role="main">

<sa-ribbon></sa-ribbon>

<router-outlet></router-outlet>

</div>

在这种情况下，我希望<router-outlet>应该位于可滚动div内。

我已经尝试过此示例代码http://jsfiddle.net/5GCsJ/4713/，但这对我来说不起作用。

然后我在下面尝试了这种方法，但它只能在Chrome中使用，而不能在IE或FireFox中使用。

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

想在所有浏览器中都可以使用。

Answer 1

这是您的操作方式：

/* internet explorer and edge */
section {
  -ms-overflow-style: none;

}

/* chrome, safari and opera */
section::-webkit-scrollbar {
    display: none;
}