Einfaches Beispiel basierend auf der Positionsbeurteilung der Bildlaufleiste_Javascript-Fähigkeiten

Der Redakteur unten wird Ihnen ein einfaches Beispiel zeigen, das auf der Beurteilung der Position der Bildlaufleiste basiert. JavaScript ist sehr leistungsfähig, damit jeder es sehen kann, also lernen Sie JavaScript ist so wichtig. Freunde, die sich für JavaScript interessieren, sollten dem Herausgeber folgen, um einen Blick darauf zu werfen:

Das obige einfache Beispiel basiert auf der Beurteilung der Position der Bildlaufleiste und ist hoffentlich der gesamte vom Herausgeber geteilte Inhalt Ich kann Ihnen eine Referenz geben und hoffe, dass Sie die chinesische PHP-Website unterstützen.

//获取滚动条距离顶部位置
function getScrollTop() {
 var scrollTop = 0;
 if (document.documentElement && document.documentElement.scrollTop) {
  scrollTop = document.documentElement.scrollTop;
 } else if (document.body) {
  scrollTop = document.body.scrollTop;
 }
 return scrollTop;
}
//获取当前可视范围的高度
function getClientHeight() {
 var clientHeight = 0;
 if (document.body.clientHeight && document.documentElement.clientHeight) {
  clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight);
 } else {
  clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight);
 }
 return clientHeight;
}
//获取文档完整的高度
function getScrollHeight() {
 return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
}
//判断滚动条是否达到底部
getScrollTop() + getClientHeight() == getScrollHeight()

Verwandte Empfehlungen:

JS-Bildlaufleiste in verschiedenen Stilen, empfohlene_Javascript-Kenntnisse

JS-Bildlaufleiste Zurück zum Anfang Code_Javascript-Kenntnisse

JS-Bildlaufleiste sanfte Bewegung Beispielcode_Javascript-Kenntnisse

Das obige ist der detaillierte Inhalt vonEinfaches Beispiel basierend auf der Positionsbeurteilung der Bildlaufleiste_Javascript-Fähigkeiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!