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;
}

在我的sidenav上启用滚动

1 个答案: