Kommentare zu: Mit jQuery prüfen ob das aktuelle Element im sichtbaren Bereich ist https://www.revilodesign.de/blog/sonstiges/mit-jquery-pruefen-ob-das-aktuelle-element-im-sichtbaren-bereich-ist/ Tue, 24 Jun 2025 08:33:33 +0000 hourly 1 https://wordpress.org/?v=6.8.2 Von: Gert https://www.revilodesign.de/blog/sonstiges/mit-jquery-pruefen-ob-das-aktuelle-element-im-sichtbaren-bereich-ist/#comment-190 Wed, 14 Feb 2024 10:17:46 +0000 https://www.revilodesign.de/?p=2391#comment-190 Ich möchte nur den div #test1 am Ende einer Seite mit dem Ereignis verknüpfen und habe ihn zum testen mit einem alert() versehen.
Dazu habe ich die Zeile:
if( jQuery(this).offset().top – ( jQuery(this).height() ) > scrollTop )
etwas abgeändert. Aber das alert kommt immer, außer wenn mein div #test1 den oberen Rand durchbrochen hat.
Was läuft da schief?
Ich freue mich von dir zu hören, Vielen Dank Gert

function inview() {
var scrollTop = jQuery(window).scrollTop(); // Ermittelt den Abstand vom Top

// each – durchsucht euren Code nach den Elementen
jQuery(‚#test1‘).each(function() {

// Prüfen, ob Element im sichtbaren Bereich ist
if( jQuery(this).offset().top – ( jQuery(this).height() ) > scrollTop )
{
// Prüfen, ob das Element bereits die Klasse inview hat
if ( !jQuery(this).hasClass(‚inview‘))
{
jQuery(‚#test1‘).removeClass(‚inview‘);
jQuery(this).addClass(‚inview‘);
}

alert(„x“);
// Nach dem ersten gefundenem Element wird die each abgebrochen
return false;
}
});
}

jQuery(window).scroll(function() {
inview();
});

]]>