Wie kann ich die maximale Scroll-Position in verschiedenen Browsern mit unterschiedlicher Zeilenhöhe und / oder Padding bestimmen?

8

Gibt es eine Möglichkeit, die maximale Scroll-Position für jeden Browser zu bestimmen, ohne tatsächlich bis zum Ende zu scrollen und diese Position zu lesen?

Habe ein Container-Div mit fester Höhe und Überlauf genommen. Mehrere div-Elemente im Container, deren Summe der Höhen größer ist als die Höhe des Containers.

Es gibt eine maximale Scroll-Position (y), die ich einfach für die Containerhöhe minus der gesamten Artikelhöhe halte. Dies scheint richtig zu sein, bis der line-height des Containers größer ist als der height der Artikel. Wenn dies der Fall ist, scheint es, dass jeder Browser die maximale Scroll-Position unterschiedlich bestimmt.

Mit Padding wird es noch schlimmer, einige Browser fügen die oberste Auffüllung hinzu, einige Browser fügen sowohl die obere als auch die untere Auffüllung hinzu.

Sehen Sie sich diese Geige an. Spielen Sie mit der Container-Zeilenhöhe und der div.item-Höhe herum.

    
Woomla 27.12.2012, 11:56
quelle

2 Antworten

6

Ich habe nur die Möglichkeit, in einer Handvoll Browsern zu testen, aber ich denke, wonach Sie suchen:

%Vor%

Wird in einer aktualisierten jsFiddle angezeigt.

    
tiffon 28.12.2012, 02:08
quelle
4

Werfen Sie einen Blick darauf So finden Sie das HTML-Element Scrollable Höhe und Breite mit JQuery? , zeigt, wie man die scrollbare Höhe und Breite erhält, und es gibt einige verwandte Beiträge zum Thema scroll , wie man überprüft, ob die Scrollbalken aktuell sind sichtbar? und wie zu bestimmen, ob Die vertikalen und horizontalen Bildlaufleisten erreichen die Kanten? . und es gibt mehr FAQs zur Verfügung und ich hoffe, dies wird Ihnen helfen!.

    
karthik 28.12.2012 06:47
quelle

Tags und Links