2016-11-01 2 views
0

Ich habe festgestellt, dass keine Skripte oder Stile aktualisiert werden, während der Benutzer eine Seite scrollt. Leider führt dies dazu, dass das Menü mit position: fixed und top: 0 springt, wenn Chrome Android die Adressleiste versteckt.Chrome Android - CSS und JS beim Scrollen

Gibt es eine Möglichkeit, CSS-Aktualisierungen beim Scrollen zu erzwingen? Oder gibt es eine Möglichkeit, position: fixed, top: 0 Block auf der gleichen Höhe zu halten?

Lösungen von 'Hintergrund ..' Thema funktionieren nicht für mich. Mein Problem ist anders - Chrome Android möchte keine Seite aktualisieren, während der Benutzer es scrollt.

+0

Mögliche Duplikate von [Das Hintergrundbild springt, wenn die Adressleiste iOS/Android/Mobiles Chrome ausblendet] (http://stackoverflow.com/questions/24944925/background-image-jumps-when-address-bar-hides-ios-s- android-mobile-chrome) – GoogleMac

+0

Keine der Lösungen von dieser Seite funktioniert für mich – user64675

Antwort

0

Vielleicht erzwingen Sie eine Neuzeichnung durch Größenanpassung?

$(window).trigger('resize'); 

Weitere mögliche Lösungen finden Sie unter this.

+0

Und wo soll ich das hinstellen? Während der Benutzer die Seite scrollt, werden keine CSS- oder sogar JS-Ereignisse ausgeführt. Aber ich muss neu zeichnen, während er die Seite scrollt. – user64675

+0

Nun, da ich nicht weiß, wie Ihr Code strukturiert ist, kann ich nicht sagen. Aber das ist eine wiederkehrende Aussage. Sie könnten auch nur für JS gehen - 'window.onresize = function() { // eine Ladung Sachen machen };' – GoogleMac

+0

Resize Ereignis wird nicht kontinuierlich ausgelöst, während Adressleiste versteckt. Es feuert, sobald es verschwunden ist. Und wenn das passiert, springt mein Menü einfach in die richtige Position. – user64675

Verwandte Themen