Feste Position DIV ist abgeschnitten, wenn nach unten scrollen

Question

Ich arbeite in Angular Material und ich bin ein Problem, wenn ich property: fixed verwenden. Der untere Teil der div, die fixed ist, wird abgeschnitten, wenn ich den ganzen Weg bis zum Ende der Seite blättern.

hier ist die JSFiddle: https://jsfiddle.net/baiin/pp1ak0a7/

ich andere Lösungen versucht haben, dieses Problem zu beheben, wie scrollTop() als Alternative zu position: fixed verwenden, aber es erzeugt auch den gleichen Fehler. Ich denke, die Lösung ist zu überprüfen, wenn ich scrollte, wenn der Boden der div den unteren Rand der Seite trifft. Ich kann jedoch keine richtige Position für das Div erhalten, wenn es bewegt wird. Ich bekomme immer den gleichen Wert. Ich muss einen Weg finden, um die Position dieses div relativ zur gesamten Seite zu bekommen.

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

Irgendein Input würde helfen, weil ich mit diesem Problem für eine Weile gekämpft habe.

Answer 1

du versuchen können, kann es Sie

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

    $(window).scroll(function() { 
     console.log(getTop - $(window).scrollTop()); 
    }); 
}); 

Best of luck hilft :)