2016-12-12 6 views
2

角度材で作業していますが、property: fixedを使用すると問題が発生しています。 fixedのdivの下部は、ページの一番下までスクロールすると切り捨てられます。ここ固定位置DIVは下にスクロールするときにカットオフされます

はJSFiddleです:https://jsfiddle.net/baiin/pp1ak0a7/

私はposition: fixedの代替としてscrollTop()を使用してのように、この問題を解決するために、他のソリューションを試してみたが、それはまた、同じバグを生成します。私は解決策は、divの下部がページの下部に当たっている場合にスクロールするときにチェックすることだと思います。しかし、移動しているときにdivの適切な位置を得ることができません。私は同じ価値を得続けます。私はページ全体に相対的なこのdivの位置を取得する方法を見つける必要があります。

var offset = $("#scroll").offset(); 
console.log(offset.top); // doesn't give me relative position, just gives me constant value 

私はしばらくこの問題に苦しんでいたので、どんな入力が助けになるでしょう。あなたはこれを試すことができ

+0

$(function() { var getTop = $('#scroll').offset().top; log(getTop - $(window).scrollTop()); $(window).scroll(function() { console.log(getTop - $(window).scrollTop()); }); }); 

助け '//はちょうど私に一定の[値]を与え、私の相対位置を与えるものではありません。スクロール関数内にその計算を含める必要があるからです。動的な値を取得します –

答えて

0

であってもよく、それはあなたの運のベスト:)

+0

返信ありがとうございます。 $(window).scrollはJSFiddleで動作しますが、私の実際のプロジェクトフォルダに入れないと動作しません。これがトリガーしていない理由はありますか? – Feldspar

+0

プロジェクトフォルダにjqueryライブラリを正しく追加しましたか? –

関連する問題