Erklären Sie, warum scrollTop () hier immer 0 zurückgibt

Sehenhttp: //codepen.io/anon/pen/NGqPN

CSS:

html {
  height: 100%;
  overflow-y: hidden;
}
body {
  height: 100%;
  overflow-y: auto;
}

JS:

  $('body').bind("scroll", function () {
    if ($('body').scrollTop()) {
      console.log('triggered!');
    } else {
      console.log($('body').scrollTop());
    }
  });

Das Bildlaufereignis wird auf das body-Element ausgelöst. Die Bildlaufleiste befindet sich auf dem body-Element, nicht auf dem HTML- oder dem window-Element. Warum gibt document.body.scrollTop oder $ ('body'). ScrollTop () 0 zurück?

Kann ich auf irgendeine Weise die Position der Bildlaufleiste erkennen oder stecke ich fest, wenn ich die Höhe verwenden möchte: 100%; Überlauf: auf dem HTML-Element versteckt?

Vielen Dank

Antworten auf die Frage(4)

Ihre Antwort auf die Frage