如何在 angular 应用程序中触发/使用溢出属性（通过 ng-repeating 元素）？

Question

我的 angular 应用程序中有一个侧边栏，我正在尝试让 div 深入了解侧边栏中的项目和以下 div 中的内容保持不变位置（无滚动）。我一直在看很多类似的帖子并尝试了所有方法，但它就是行不通。问题是，要么你可以滚动浏览侧边栏中的所有内容，要么根本不滚动，或者底部保持不变（没有移动），但是我的每个项目（而不是所有项目）都有滚动条。

我使用 ng-repeat 将项目放在侧边栏的范围内 - 它可能与 angular 和 reg 不同。 html？谢谢！！ Ps。我正在使用 gulp 并且 sidbar 是我没有在此处包含的指令。如果有什么重要的，请告诉我，我会把它包括在内。

<li>
  <a ng-click="openNav()"><i id="cart-icon" class="medium material-icons icon-design">shopping_cart</i></a>
   <div id="mySidenav" class="sidenav closebtn" click-anywhere-but-here="closeNav()" ng-click="closeNav()">

    <div class="sidebarBox">
        <h2 class="sideBarHeader">Cart </h2>

        <div class="sidebarContainer" ng-repeat="item in cart">
            <img src="{{item.imageUrl}}" style="width:90px;height:100px;">

            <div class="sidebarContent">
                <p class="sidebarTitle">{{item.title}} </p>
                <p class="sidebarSubtitle">Quality: {{item.quantity}}</p>
                <p class="sidebarSubtitle">Price: ${{item.price}}</p>
            </div>
            <p class="sidebarLine"></p>
        </div>

    </div>
    <br>
    <div class="sidebarNoScroll">
        <p style="color:black;font-size:22px;">Total</p>
        <p class="sidebarTotal">${{ total() }}</p>
        <button class="sidebarButtonContinueShopping" id='continue-shopping-button' ng-click="closeNav()">Continue Shopping</button>
        <button class="sidebarButtonViewCart" ui-sref='cart' ng-click="closeNav()">View Cart</button>
     </div>

  </div>
</li>

css.

.sidebarContainer {
    overflow:scroll;
    height:224px;
 }
.sidebarNoScroll {
     overflow: hidden;
 }

Answer 1

包装容器。

<div class="sidebarContainer">
        <div ng-repeat="item in cart">

        </div>
</div>

如何在 angular 应用程序中触发/使用溢出属性（通过 ng-repeating 元素）？

How can a scrollbar be triggered /using overflow property in an angular app (by ng-repeating through elements)?

css

sidebar

overflow

scrollbar

angularjs

如何在 angular 应用程序中触发/使用溢出 属性（通过 ng-repeating 元素）？

How can a scrollbar be triggered /using overflow property in an angular app (by ng-repeating through elements)?

css

sidebar

overflow

scrollbar

angularjs

如何在 angular 应用程序中触发/使用溢出属性（通过 ng-repeating 元素）？