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;
  })            
}