Wie kann ich die Position der oberen linken Ecke des aktuellen Bildschirms herausfinden? Z.B. Wenn ich das HTML-Dokument scrolle, muss ich mit den Mauspositionen relativ zum Anfang des Dokuments rechnen. Ich möchte mouseOffsetY = upperleftCorner.offset.y + event.clientY;
Wie bekomme ich den Offset der oberen linken Ecke in der aktuellen Bildschirmansicht in Javascript?
Q
Wie bekomme ich den Offset der oberen linken Ecke in der aktuellen Bildschirmansicht in Javascript?
1
A
Antwort
1
so etwas wie erhalten, indem document.getElementsByTagName("BODY")[0].scrollTop;
scrollTop des Körpers berechnen, so wird es kommen:
mouseOffsetY =document.getElementsByTagName("BODY")[0].scrollTop+event.clientY;
0
Dies wird nicht in Firefox funktioniert:
console.log($('body').get(0).scrollTop);
console.log(document.getElementsByTagName("body")[0].scrollTop);
Da Firefox Überprüft den html [0] .scrollTop-Textkörper.
Schließlich ist es sicherer
window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
Arbeiten gut in Firefox 48. dieses
In Firefox
console.log(window.pageYOffset);
console.log(document.documentElement.scrollTop);
console.log($('html').get(0).scrollTop);
console.log($('body').get(0).scrollTop);
console.log(document.getElementsByTagName("html")[0].scrollTop);
z drucken .:
446
446
446
0
446
Verwandte Themen
- 1. Wie platziere ich ein Logo in der oberen linken Ecke?
- 2. AVPlayerview kommt von der oberen linken Ecke
- 3. Google Map Center in der oberen linken Ecke
- 4. GWT dygraph nicht angezeigt (bricht in der oberen linken Ecke)
- 5. Wie bekomme ich Text immer in der oberen linken Ecke eines td bleiben?
- 6. DataGridView seltsames Layout in der oberen linken Ecke
- 7. Proc Bericht Textposition oberen und linken Ecke
- 8. Wie macht man eine Form mit der linken oberen runden abgerundeten Ecke und der linken unteren gerundeten Ecke?
- 9. Wie füge ich das Bild zur oberen linken Ecke der uicollectionView-Zelle in ios hinzu?
- 10. Wie wird der OxyPlot-Ursprung in der oberen linken Ecke eingestellt?
- 11. Wie platziere ich Bootstrap-Indikatoren in der oberen rechten Ecke?
- 12. Benutzereinstellungsmodul in der oberen rechten Ecke (Drupal)
- 13. Der Bildschirm wird nur in der oberen linken Ecke des Fensters angezeigt
- 14. Fügen Sie das Logo auf der Navigationsleiste in der oberen linken Ecke mit swift
- 15. Rechtsklick-Menü auf HTML-Tabelle in IE-Anzeigen In der linken oberen Ecke
- 16. Wie bekomme ich den aktuellen UTC-Offset (Zeitzone)?
- 17. Wie lege ich einen Text innerhalb der oberen linken Ecke von div
- 18. Wie wird das Bild in der oberen linken Ecke im linearen Layout festgelegt?
- 19. Firefox: Holen Sie sich die Mauskoordinaten der oberen linken Ecke des Ansichtsfensters
- 20. Gibt es eine Möglichkeit, den Druckknopf der oberen linken Ecke von QTableView aufzurufen?
- 21. Wie bekomme ich den aktuellen Tag der Woche in vimscript?
- 22. Wie bekomme ich den aktuellen Zustand der Feststelltaste in VB.NET?
- 23. Wie bekomme ich den Speicherort der aktuellen Datei in Revel
- 24. Position in der rechten oberen Ecke in MaterialiseCSS Collection
- 25. HTML - Platzierung des Audio-Objekts in der oberen rechten Ecke
- 26. Entfernen der oberen Ecke des Bildes
- 27. Android: wie eine Dreiecksform in der rechten oberen Knopf Ecke
- 28. Java Swing: Grafische Komponente erscheint nur in der oberen linken Ecke Zone
- 29. Drehen div 90 Grad und Position in der linken oberen Ecke fixiert
- 30. Warum hat das PyGame-Koordinatensystem seinen Ursprung in der oberen linken Ecke?
Dank Will zu verwenden. Ich denke, es wird nur funktionieren, wenn Bildlaufleisten vorhanden sind. Aber das macht nichts. – user1141649
Es funktioniert, wenn es auch keine Bildlaufleiste gibt – Tuhin
Es scheint nicht zu funktionieren. Ich habe 'console.log ($ ('body'). Get (0) .scrollTop);' oder 'console.log (document.getElementsByTagName (" BODY ") [0] .scrollTop);' wenn ich auf Element geklickt habe auf der Seite. Beide gedruckt 0. Scrollbars vorhanden. – user1141649