Erkennen, Wann Elemente in scrollbaren div-sind aus Sicht
Ich brauche eine gute Lösung zu finden für Folgendes problem. Ich sehe eine Menge Leute Fragen über die Verfolgung, wenn ein element im oder außerhalb des view-Port für die Seite oder browser-Fenster. Ich muss in der Lage sein zu replizieren, diese Aktion, aber in einem DIV, dass die Schriftrollen, mit overflow:scroll zum Beispiel. Kennt jemand ein gutes Beispiel für diese spezifische Maßnahme?
Vielen Dank im Voraus.
InformationsquelleAutor Ronny | 2013-04-30
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
ich hatte das gleiche problem vor, ich habe endete mit der folgenden Funktion.der erste parameter ist für das element zu prüfen, die zweite ist zu prüfen, ob das element wird nur teilweise in Sicht.es ist für vertikale nur prüfen, verlängern Sie es zu überprüfen für das horizontale scrollen.
überprüfen Sie es auf jsFiddle .
schön zu hören, dass, ich mache eine einfache jquery-plugin dafür 🙂
Ich war gerade dabei das gleiche. lol
InformationsquelleAutor Akram Berkawy
Hier ist eine Reine javascript-version der akzeptierten Antworten, ohne sich auf jQuery und mit einigen Korrekturen, die teilweise in Ansicht-Erkennung und Unterstützung für die out-of Ansicht auf die Oberseite.
Und als bonus, diese Funktion sorgt für das element in der Ansicht, wenn es nicht (teilweisen oder vollständigen):
let cTop = container.scrollTop + container.offsetTop
Das scheint nicht für mich arbeiten, es in der Tat bricht die Funktion in meinem Anwendungsfall.
Was ist der Zweck der
partial
Feld incheckInView
?Das ist ein flag um zu überprüfen, ob das element sollte werden teilweise oder vollständig im Blick.
InformationsquelleAutor Adam Reis
Hier ist eine Reine javascript-Lösung.
InformationsquelleAutor Raju
Basis der "besten Antwort". Statt nur zu sagen Sie, wenn ein element teilweise sichtbar ist oder nicht. Ich Hinzugefügt ein wenig extra, die Sie übergeben können, in Prozent (0-100), die Ihnen sagt, wenn das element mehr als x% sichtbar.
Ja, ich mag, um zu vermeiden, jQuery
InformationsquelleAutor Jonny Ngan
War ich in der Lage, diese Arbeit zu machen, indem Sie eine kleine änderung an der reinen javascript-version veröffentlicht
InformationsquelleAutor palerdot
Machte ich ein jquery-plugin, mit dem Letzte Antwort:
InformationsquelleAutor David