Vux: Scroller Android Wechat-Ende-Steck-Problem

Erstellt am 31. Mai 2016 · 40Kommentare · Quelle: airyland/vux

Ausführung

0.0.117

Android oder iOS, welcher Browser?

Android ios WeChat-Browser

Ihre Codes

<scroller lock-x scrollbar-y
                            use-pulldown
                            :use-transition="useTransition"
                            :pulldown-status.sync="pulldownStatus"
                            <strong i="10">@pulldown</strong>:loading="load"
                            class="scroller-div"
                            :pulldown-config=pulldownConfig
                            enable-horizontal-swiping
                            :height="scrollHeight +'px'">

                                <div class="scroller-container" >
                                         <div class="swiper-container">...</div>
                                         <div class="content">页面块内容 默认加载数据有两屏左右</div>
                                </div>
                              <div slot="pulldown" class="xs-plugin-pulldown-container xs-plugin-pulldown-down" style="position: absolute; width: 100%; height: 60px; line-height: 60px; top: -60px; text-align: center;">
                                    <span v-show="pulldownStatus === 'default'"></span>
                                    <span class="pulldown-arrow" v-show="pulldownStatus === 'down' || pulldownStatus === 'up'" :class="{'rotate': pulldownStatus === 'up'}">↓</span>
                                    <span v-show="pulldownStatus === 'loading'"><spinner type="ios-small"></spinner></span>
                              </div>
</scroller>

WeChat-Test auf verschiedenen Endgeräten

ios
Iphone6 6s öffnet den Scroll-Effekt reibungslos in WeChat

Android
Huawei Glory 6 Huawei Glory 6+ Hammer Nut bleibt beim Öffnen in WeChat hängen, die Erfahrung einer Karte ist nicht gut

Android aber geöffnet mit UC-Browser, der Lag-Effekt ist nicht zu stark, man kann normal scrollen, aber immer noch ein bisschen hängen

Ich habe versucht, mir den Code von xscroll anzusehen. Der Scroll-Effekt wird von Simulieren-Scroll verarbeitet, aber ich bin mir nicht sicher, ob die Transformation darin vom Webkit-Browser verarbeitet wird. Persönlich denke ich, dass es in Ordnung ist, die Verarbeitung von webkitTransform translate hinzuzufügen?

Android Performance componenscroller inactive issue will be closed to be investigated

Quelle

may00235

Hilfreichster Kommentar

airyland am 13. Juli 2016

😄4 😕1 🎉1

Alle 40 Kommentare

Ist das obige Android eine Low-End-Konfiguration?

airyland am 31. Mai 2016

Bei Mittelklasse-Geräten hat Huawei mittlerweile einen hohen Marktanteil.
Ich habe es auch mit Huaweis High-End-Rechner P9 getestet, und das WeChat-Webkit und der Browser lassen sich problemlos öffnen, sehr flüssig.

Hat das was mit der Android Systemversion zu tun?Das Mittelklasse-System ist 4.4 und das High-End-System ist 6.0

may00235 am 1. Juni 2016

Meine Huawei, Android5 WeChat-Eröffnungsdemo friert ein. . .
Klicken Sie einfach in die Demo, um die Prozesskarte der spezifischen Demo einzurichten

lagolas am 5. Juni 2016

@lagolas betritt die Karte zum ersten Mal oder jedes Mal, wenn er hereinkommt?

airyland am 5. Juni 2016

@may00235 Es gibt nicht genug Testmaschinen, um eine Schlussfolgerung zu ziehen. Ich habe das Mi 2 vor zwei oder drei Jahren verwendet und es wird keine Karte und keinen Kartenstatus geben, aber das System ist 5.0.2.

airyland am 5. Juni 2016

@airyland lass mich mehr testen

lagolas am 5. Juni 2016

@airyland bleibt jedes Mal Demoseite auf die erste "Adresse"

lagolas am 5. Juni 2016

Ich benutze den Opera-Browser, um ihn zu öffnen, was offensichtlicher ist als in WeChat

lagolas am 5. Juni 2016

Das Telefon ist Huawei Enjoy 5, ein neues Telefon mit Android 5.0, die Konfiguration ist nicht so schlecht

lagolas am 5. Juni 2016

@lagolas die Demo des Scrollers betreten, die Karte nach links und rechts scrollen?

airyland am 5. Juni 2016

@airyland steckt nicht fest, sehr glatt! ! !

lagolas am 5. Juni 2016

Ich habe Ihren Code noch nicht sorgfältig studiert, ich weiß nicht, ob er durch zu viel Laden verursacht wird.
Vielen Dank, bereit, vux in der Projektrevision zu verwenden

lagolas am 5. Juni 2016

Jedes Beispiel in @lagolas bleibt nicht

airyland am 5. Juni 2016

@airyland Ich habe es mehrmals sorgfältig getestet, die Beispiele im Inneren sind sehr glatt, nur das vom Kalender ausgewählte ist nicht sehr gut und die Verzögerung nach dem Klicken wird wirksam. Alles andere ist glatt.

lagolas am 5. Juni 2016

@lagolas Kalender Dieses Verzögerungsproblem sollte behoben sein.

airyland am 5. Juni 2016

@airyland hat 1 Yuan gespendet, um Unterstützung zu zeigen, die Show ist zu klein, danke

lagolas am 5. Juni 2016

@lagolas haha, 1 Punkt ist auch Liebe

airyland am 5. Juni 2016

@airyland wird dich um Rat fragen, wenn ich bei der Nachnutzung auf ein Problem

lagolas am 5. Juni 2016

@lagolas willkommenes Feedback, willkommene PR.

airyland am 5. Juni 2016

Haben Sie schon einmal daran gedacht, zu einer flüssigeren Scroll-Bibliothek zu wechseln? Zum Beispiel dies: https://github.com/pbakaus/scroller

bammoo am 29. Juni 2016

@bammoo Das ist eine

airyland am 29. Juni 2016

https://vuxjs.gitbooks.io/vux/content/ Es scheint, dass kein Dokument mit Komponentenkarte aktualisiert wurde, danke für Ihren selbstlosen Einsatz

daviswei am 6. Juli 2016

@daviswei wird es später schreiben

lichunqiang am 6. Juli 2016

Solange der Scroller auf dem Android WeChat verwendet wird, friert er ein, aber ohne den Scroller ist er flüssiger und kann auf IOS verwendet werden.

hubinjie am 13. Juli 2016

@hubinjie verwendet nicht in allen Szenen einen Scroller, oder? Sie brauchen keinen Scroller ohne Scroller.

airyland am 13. Juli 2016

hubinjie am 13. Juli 2016

airyland am 13. Juli 2016

hubinjie am 13. Juli 2016

airyland am 13. Juli 2016

hubinjie am 13. Juli 2016

airyland am 13. Juli 2016

😄4 😕1 🎉1

hubinjie am 14. Juli 2016

xiaolongyuan am 14. Juli 2016

hubinjie am 14. Juli 2016

airyland am 14. Juli 2016

hubinjie am 14. Juli 2016

docikaci am 11. Sept. 2016

War diese Seite hilfreich?

0 / 5 - 0 Bewertungen

Vux: Scroller Android Wechat-Ende-Steck-Problem

Ausführung

Android oder iOS, welcher Browser?

Ihre Codes

WeChat-Test auf verschiedenen Endgeräten

Hilfreichster Kommentar

Alle 40 Kommentare

Verwandte Themen