角度無限スクロール：ボディ上にあるスクロールバーがdivにありません

私は、anglejを使ってWebアプリケーションに無限のスクロールを実装しています。私は、ネットInfinite Scrollにこの便利なディレクティブを見つけましたが、問題はこれが唯一ではないスクロールバー本体にdivの内部に実装することが可能である：ここでは角度無限スクロール：ボディ上にあるスクロールバーがdivにありません

app.directive('infinityscroll', function() { 
    return { 
     restrict: 'A', 
     link: function (scope, element, attrs) { 
      element.bind('scroll', function() { 
       if ((element[0].scrollTop + element[0].offsetHeight) == element[0].scrollHeight) { 
        //scroll reach to end 
        scope.$apply(attrs.infinityscroll) 
       } 
      }); 
     } 
    } 
});

は私のhtmlコードです：私は削除

<div infinityscroll="NextPage()" style="height:700px; overflow:auto;" > 
    <div ng-repeat="item in listItems"> 
     <img ng-src="{{item.picture}}" alt="broken" style=""> 
    </div> 
</div>

インラインCSSそれは動作しません。どのように私はdivの代わりに体の無限のスクロールを変更することができますか？

出典

2016-05-26 Amboom

私が間違っていないならば、そのインラインスタイリングは、次のデータセットを（連続したページのために）フェッチしなければならないときに無限のスクロールに通知することです。身長でその高さを定義しますか？ – seekers01

私はdivスクロールバーを使いたくありません。私は、ブラウザのメインのスクロールバーである本体にスクロールバーを使用する必要があります。 – Amboom

私はどこかを見て、それが動作し、それがあなたのCSSスタイルを変更しない場合：html、body { height：100％; overflow-x：hidden; }を追加し、無限スクロールコンテナ= "'body'"を追加します。 – fsi

これを試してください： <body infinityscroll="NextPage()" style="height: 1000px; overflow:auto;"> divからinfinitescrollの初期化を削除してください。

画面のサイズに応じて、高さを少し調整する必要があります。これはあなたの問題を解決したいと思っています。:)

出典

2016-05-26 07:27:11 seekers01

申し訳ありませんが、前に試しましたが、動作していません。 ;） – Amboom

角度無限スクロール：ボディ上にあるスクロールバーがdivにありません

答えて

関連する問題