javascript - 在我的 sidenav 上启用滚动

Question

我正在尝试启用我的 sidenav 上的滚动，就像我在正常 div 中溢出时通常做的那样，但是导航本身有一些东西阻止我能够做到这一点，这样无法访问溢出屏幕的 sidenav-list 上的元素。

这是 html 中的 sidenav 代码:

<div pageslide ps-open="ctrl.checked" class="blue-grey darken-1 white-text">
                <a ng-click="ctrl.toggle()" class="button">&#x2716;</a>
                <div style="padding:20px" id="demo-right">
                    <table class="bordered responsive-table">
                      <thead>
                        <tr>
                            <th data-field="id">Company</th>
                            <th data-field="name">Shares Owned</th>
                        </tr>
                      </thead>
                       <tbody>
                           <tr ng-repeat="stock in ctrl.myPortfolio.stocksInPortfolio">
                                  <td>{{stock.stock.name}}</td>
                                  <td>{{stock.qty}}</td>
                          </tr>
                      </tbody>
                  </table>
                  Portfolio: {{ctrl.total | currency}}
                </div>
            </div>

这是我试图在 css 中做的:

#sentimentDataTwo {
   overflow: hidden;
   overflow-y: scroll;
}
#demo-right {
   overflow: hidden;
   overflow-y: scroll;
}

我包含了#sentimentData，它是一个工作的 css mod，创建了一个可滚动的 div，但#demo-right 是我尝试将它应用到我的 sidenav 的地方。 sidenav 也是一个弹出窗口。有什么想法吗？

Answer 1

可能是因为你的div没有高度，也就是说高度是根据你的内容来调整的。让我知道是否有帮助。如果没有，你能提供一个 JSFiddle 吗？即使您有一些动态数据，如果您能准备一个类似的情况也会有很大帮助。

#demo-right {
   overflow: hidden;
   overflow-y: scroll;
   height: 300px;
}