Ich habe ein Skript, das ich ausführen möchte, sobald die Seite geladen wird. Dieses Skript basiert jedoch auf den Eigenschaften offsetHeight und offsetWidth eines Elements. Ich habe versucht, das Skript innerhalb der beiden Funktionen "ready" und "attached" aufzurufen, aber keiner von beiden scheint zu einem Zeitpunkt ausgeführt zu werden, als offsetHeight und Width gesetzt wurden. Ideen?Zugriff auf OffsetHeight und OffsetWidth in Polymer
0
A
Antwort
0
Standardmäßig wird das Polymerelement als inline
angezeigt. Wenn Sie in Ihrem Element Kinder haben, die als block
angezeigt werden, hat Ihr Element eine offsetWidth und offsetHeight von 0. Sie können dies mit den Entwicklungstools überprüfen, wenn Ihre App vollständig geladen ist. Es handelt sich also nicht um ein Problem mit dem Lebenszyklus, diese Werte sind bei jeder Überprüfung Null. Um eine Höhe und eine Breite zu erzwingen, können Sie die Anzeigeeigenschaft Ihres Elements in display: block
ändern. Dann sollte die Überprüfung der offsetWidth
in der attached
Rückruffunktion funktionieren.
Verwandte Themen
- 1. IE 8 Quirks vs Standards retrieving OffsetHeight/offsetWidth
- 2. Was ist OffsetHeight, clientHeight, scrollHeight?
- 3. Zugriff auf "benutzerdefinierte" Ressourcen in Polymer Element
- 4. Zugriff auf alle inneren Elemente in Polymer?
- 5. Zugriff auf "Eigenschaften" in Google Polymer 2?
- 6. Polymer 2.0, Eigenschaft Zugriff
- 7. Cross Browser offsetWidth
- 8. Polymer 1.6 und Polymer-cli, Zugriff auf App-Eigenschaft aus einem benutzerdefinierten Element
- 9. Dojo/Dijit TooltipDialog.open: Wie OffsetHeight und OffsetTop Werte überschrieben werden
- 10. Zugriff auf Canvas-Element in Polymer benutzerdefinierte Element mit Javascript
- 11. Javascript-Element OffsetHeight gibt zurück 0 in for Schleife
- 12. Set td offSetWidth in einer Funktion
- 13. Zugriff auf Schatten DOM-Elemente (Polymer) durch Selen javascriptExecutor
- 14. Zugriff auf eine Polymer-Methode innerhalb einer Funktion
- 15. Polymer über Cordova auf Android: Zugriff auf native Zurück und Menü-Schaltflächen?
- 16. MV * in Polymer, Modelle und Dienstleistungen als Polymer-Elemente?
- 17. Polymer-Installation auf Windows
- 18. Polymer und Apache-Server
- 19. Polymer und firebase-auth
- 20. Wie verhält sich jQuery zu OffsetHeight?
- 21. Javascript async und Polymer
- 22. Chartjs und Polymer 1.7.0
- 23. Polymer und Bower
- 24. Polymer und TypeScript
- 25. Sizing Polymer-Dialog und Polymer-Dialog-scrollbar: variable Höhe
- 26. Wie erhalte ich die OffsetHeight eines Komponentenelements in Vue.js?
- 27. Wie kann ich diesen Code in einem Polymer Element (Polymer 2.0) implementieren?
- 28. Polymer und page.js Wildcards in den Routen
- 29. Wie OffsetHeight von div nach Änderung img src auf Kind mit reinem Javascript aktualisieren?
- 30. Polymer Designer Tool-Kompatibilität auf der neuesten Version von Polymer?