cssで通知をスクロール可能にする方法

Question

私は通知クラスを「通知ボディ」に入れて通知する必要があります。写真にあなたはそれをachiveできnot-bodyスタイルのHeightとWidthプロパティを設定することにより

<li ng-if="vm.logged"> 
     <div class="dropdown"> 
     <button class="btn-noti" id="dropdownNoti" ng-click="vm.showDropdown($event)"> 
      <span class="fa fa-bell-o"></span> 
     </button> 
     <ul class="dropdown-menu notification-menu" aria-labelledby="dropdownNoti"> 
      <div class="col-md-12 col-xs-12" style="border-bottom: #655771;border-bottom-style: double;"> 
      <h5 class="notification-title"><i class="fa fa-bell"></i> Notifications</h5> 
      <a class="mark-all" ng-click="vm.markAllRead()">Mark all as read</a> 
      </div> 
      <div class="notification-body"> 
      <li ng-if="!vm.notifications.length"><a>You have no new notification yet.</a></li> 
      <li class="notification-type" ng-repeat="notification in vm.notifications" ng-style="{'background-color': notification.unread==false? 'white' : '#f5f5f5'}" style="border-bottom-style: ridge;"> 
       <a ui-sref="profile({id: post.user.id})">{{notification.description}} 
       <h6><i class="fa fa-clock-o"></i> {{vm.timeOf(notification)}}</h6> 
       </a> 
       <a class="mark-as btn btn-default " ng-click="vm.markAsRead(notification)" data-toggle="popover" data-trigger="hover" data-content="as read" ng-class="{'add-white' : notification.unread==true }" ></a> 
      </li> 

      </div> 
     </ul> 
     </div> 
    </li> 

Answer 1

。

<div class="not-body" style="height:200px; width:100px; overflow:scroll;">

それをやってみてください。私はそれがあなたが望むように動作すると思います。