2017-05-12 8 views
0

現在、anglejsドロップダウンを使用して、コンテンツの各辺の末尾までスクロールするたびに、私は代わりに本体をスクロールしてしまいます。 ドロップダウンが表示されているときに本体の文書がスクロールしないようにしていますか?AngularJS DropDownドキュメントのスクロールを無効にする

は、ここでの例ですが、あなたが選択した項目をクリックすると..あなたはまだ http://jsfiddle.net/hAnGA/7/

<div ng-controller="MyCtrl"> 

    <drop-down list="dropdown" current="category" group="groupone"></drop-down>  

    <br/><br/> 

    {{ category | json }} 

</div> 

感謝をスクロールすることができます!あなたがドロップダウンは、それが開いている場合、あなたの指示でチェックして、このようなスクロールイベントのリスナーを追加する必要があります

答えて

1

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

Balaj、あなたの答えに感謝。現在のところ、スコープの終了を検出することはできませんが、値を選択すると「外に出てください」というイベントは表示されません。 – user774150

+0

2分、私は私の答えを更新しています –

+0

おかげで、申し訳ありませんが、フィドルの例は私の正確な状況を示していません。 フィディッドでは、クリックイベントがないときにドロップダウンを閉じることはありません。私はそれを更新しようとします。 – user774150

関連する問題