Verschieben eines Div relativ zu welcher vertikalen Position Sie sind auf einer scrollbaren Seite

Question

Stellen Sie sich vor, ich habe eine Website, die dreimal die Ansichtsfenster Höhe überläuft. Ich kann auf dieser Website von oben nach unten blättern.

Ist es möglich, ein Div zu erstellen, das sich von der Oberseite des Ansichtsfensters nach unten im Verhältnis zur Menge der gescrollten Seite bewegt?

Beispiel - Würde jemand etwas dagegen tun, mir etwas wie this zu erreichen? Nicht sicher, wie es gemacht wurde.

Edit:

var scrollValue; 
    var percent; 

    var body = document.body, 
     html = document.documentElement; 

    var height = Math.max(body.scrollHeight, body.offsetHeight, 
    html.clientHeight, html.scrollHeight, html.offsetHeight); 

    $(document).ready(function(){ 
     $("button").click(function(){ 
        scrollValue = $("body").scrollTop(); 
        percent = (scrollValue/height) * 100; 
        alert(percent); 
     }); 
    }); 

Answer 1

können Sie versuchen, jQuery scrollTop() verwenden. Siehe die demo at jquery.com.

Idee: Wenn Sie die beiden Arten der Nutzung dieser Funktion (mit/ohne args) verstehen können Sie diese gleiche Funktion verwenden, um die aktuelle Bildlaufposition des benutzerdefinierten Scrollbar zu bekommen, dann auslösen Ihre div gescrollt wird in die relative Scroll-Position.

Alternative Aufgabe: Wenn Sie die benutzerdefinierte Scrollbar auf Mausrad bewegen zu bewegen, empfehle ich jquery mousewheel plugin zu verwenden -

$(window).mousewheel(function(turn, delta) { 

    if (delta == 1) // going down 
    else //going up 

    // all kinds of code 

    return false; 
});