AngularJS DropDown 禁用文档滚动

Question

目前使用angularjs下拉菜单，每当我滚动到内容两侧的末尾时，我都会滚动正文，这有点烦人。当下拉列表显示时，是否有任何方法可以阻止正文文档滚动？

这里有一个例子，当你点击选择项目......你仍然可以滚动http://jsfiddle.net/hAnGA/7/

<div ng-controller="MyCtrl">
    <drop-down list="dropdown" current="category" group="groupone"></drop-down>    
    <br/><br/>
    {{ category | json }}
</div>

谢谢！

Answer 1

您应该检查您的指令是否打开了下拉列表，并为滚动事件添加一个侦听器，如下所示：

if (scope.open) {                        
  window.addEventListener('scroll', function(e) {
    e.preventDefault();
    return false;
  })            
}