Scrollen Sie bis zum Ende der Seite

Wie scrolle ich in der Nähe von den unteren Rand einer Seite. Ich verwende den folgenden Code zum sehr unten zu blättern:Scrollen Sie bis zum Ende der Seite

$(document).scrollTop($(document).height());

Wie kann ich diesen Code ändern in der Nähe von der Boden zu bewegen?

Quelle

2016-04-29 Programming Tree

können Sie uns einen Grund, warum Sie wollen * in der Nähe von * und nicht * genau * der Boden? Weil das viel helfen kann. – Jhecht

@Jhecht Ich mache eine endlose Inhaltsanwendung. Wenn der Benutzer nach unten scrollt, wird mehr Inhalt geladen. Ich möchte, dass der Benutzer in der Nähe des Bodens ist, wenn sie blättern, aber nicht mehr Inhalt laden ... –

, so dass Sie möchten, wie ... der letzte aktuelle Artikel vor dem Laden mehr scrollen? – Jhecht

Wie nahe?

$(document).scrollTop($(document).height() - 1000);

Scrollt bis zum unteren Rand. Das Problem hierbei ist, dass Sie auch die Höhe des Ansichtsfensters berücksichtigen müssen.

Ein guter, Cross-Browser-Weg zu get the viewport height ist:

var height = Math.max(document.documentElement.clientHeight, window.innerHeight || 0)

dann:

var offset = 100;//your offset. 100px from the bottom here 

$(document).scrollTop($(document).height() - (height + offset);

Quelle

2016-04-29 21:19:05

Versuchen

$(document).scrollTop(($(document).height() - [the offset you want]));

Quelle

2016-04-29 21:22:43

-1

Ihr Code ist richtig, aber die Dokumentenhöhe muss größer sein als die Fensterhöhe, damit dies funktioniert.

$(document).ready(function(){ 
 
    $("button").click(function(){ 
 
     var offset = 500; 
 
     var scrollX = $(document).height() - offset; 
 
     alert(scrollX); 
 
     $(document).scrollTop(scrollX); 
 
    }); 
 
});

<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 
</head> 
 
<body style="height:1500px"> 
 

 
<p>lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum </p> 
 

 
<button>Scroll to bottom</button> 
 

 
</body> 
 
</html>

Quelle

2016-04-29 21:25:09

Das Ziel ist * nahe *, aber nicht * am * Boden. Ich habe diesen Code bereits erstellt ... –

Sie können den Offset-Wert wie im aktualisierten Snippet definieren –

Scrollen Sie bis zum Ende der Seite

Antwort

Verwandte Themen