独立卷轴父母和小孩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中。