Wie fixiere ich ein DIV beim Scrollen?
Wenn Sie ein DIV haben, das später auf einer Seite erscheint, möchten Sie es vielleicht um an Ort und Stelle zu bleiben, sobald es nach dem Scrollen sichtbar wird. Um dies zu erreichen, war es bisher unmöglich, nur CSS zu verwenden. CSS-Fortschritte machen dies jedoch jetzt möglich.
Eine ausführlichere Erklärung finden Sie in dieser Stack Overflow-Antwort: https://stackoverflow.com/a/53832799/1482443
Wenn Sie möchten Wenn Sie eine jQuery-Lösung verwenden möchten, betrachten Sie das folgende Beispiel:
var fixmeTop = $('.fixme').offset().top;
$(window).scroll(function() {
var currentScroll = $(window).scrollTop();
if (currentScroll >= fixmeTop) {
$('.fixme').css({
position: 'fixed',
top: '0',
left: '0'
});
} else {
$('.fixme').css({
position: 'static'
});
}
});Mit diesem jQuery-Code können Sie die Position eines DIV mit der Klasse „fixme“ fixieren, sobald Sie über seine Anfangsposition hinaus scrollen.
Das obige ist der detaillierte Inhalt vonWie halte ich ein DIV beim Scrollen an Ort und Stelle?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
