獨立卷軸父母和小孩div

Question

有兩個可滾動的div，如下圖所示。

scroll

黃DIV + CSS：

#workbench-container #workbench md-content .folder .folder-notes { 
    height: auto; 
    max-height: 200px; 
    overflow: auto; 
    width: 100%; 
} 

和父滾動條NG-滾動指令。

<div ng-scrollable="{scrollX:'none',scrollY:'right'}" style="width: 100%; height: 600px;"> 

你可以建議滾動兩個獨立的div內容。

我試圖添加到一個控制器下面

angular.element(document.querySelector('.mydiv')).bind('mousewheel', function (e) { 
      var event = e.originalEvent; 
      var d = event.wheelDelta || -event.detail; 
      this.scrollTop += (d < 0 ? 1 : -1) * 30; 
      e.preventDefault(); 
     }); 

當滾動兒童格（黃色框）父滾動也滾動起來。只需滾動放置鼠標的div。？

Answer 1

讓兩個孩子，而不是一個。

製作兩個子卷軸，基本上可以用同一個css來做。 可以把孩子放在父母的一張桌子上<tr><td><child1></child1></td><td><cdhild2></child2></td></tr>

把孩子放在父母的滾動div中。