Vux: Scroller android Wechat final atascado problema

Creado en 31 may. 2016  ·  40Comentarios  ·  Fuente: airyland/vux

Versión

0.0.117

Android o iOS, ¿qué navegador?

Android ios navegador WeChat

Tus Códigos

<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>

Prueba de WeChat en diferentes terminales

ios
Iphone6 ​​6s abre el efecto de desplazamiento sin problemas en WeChat

androide
Huawei Glory 6 Huawei Glory 6+ Hammer Nut se atasca cuando se abre en WeChat, la experiencia de una tarjeta una tarjeta no es buena

Android pero abierto con el navegador UC, el efecto de retraso no es demasiado fuerte, puede desplazarse normalmente, pero aún un poco atascado

Intenté ver el código de xscroll. El efecto de desplazamiento se procesa mediante simulate-scroll, pero no estoy seguro de si la transformación interna es procesada por el navegador webkit. Personalmente, creo que está bien agregar el procesamiento de webkitTransform translate?

Android Performance componenscroller inactive issue will be closed to be investigated

Comentario más útil

Todos 40 comentarios

¿El Android anterior es una configuración de gama baja?

Para las máquinas de gama media, Huawei ahora tiene una alta participación de mercado.
También lo probé con la máquina de gama alta P9 de Huawei, y el webkit y el navegador WeChat se pueden abrir sin ningún problema, sin problemas.

¿Tiene algo que ver con la versión del sistema Android?El sistema de gama media es 4.4 y el sistema de gama alta es 6.0

La demostración de apertura de mi Huawei, Android5 WeChat se congela. . .
Simplemente haga clic en desde la demostración para configurar la tarjeta de proceso de la demostración específica

@lagolas entra en la cartelera por primera vez, ¿o lo hace cada vez que entra?

@ may00235 No hay suficientes máquinas de prueba para llegar a una conclusión.

@airyland déjame probar más

@airyland se atasca cada vez. Por ejemplo, cuando hago clic en la primera "dirección" de la página de demostración, se tarda unos 3 segundos en mostrar la página de este componente, y luego hacer clic en "volver", tarda unos 2 segundos en volver a la página de demostración, pruebo Muchos otros componentes son iguales, pero algunos son un poco más rápidos, pero también están obviamente atascados.Todos tienen que esperar al menos 2 segundos antes de que aparezca la página.

Utilizo el navegador Opera para abrirlo, que es más obvio que en WeChat

El teléfono es Huawei Enjoy 5, un nuevo teléfono con Android 5.0, la configuración no es tan mala

@lagolas ingresa a la demo del scroller, ¿desplaza la tarjeta hacia la izquierda y hacia la derecha?

@airyland no

No he estudiado tu código detenidamente todavía, no sé si es causado por demasiada carga.
Gracias, listo para usar vux en la revisión del proyecto.

Cada ejemplo en @lagolas no está atascado, ¿verdad? ¿Es porque el archivo app.js empaquetado es demasiado grande y la vista web se bloqueará al ejecutar archivos grandes?

@airyland Lo probé varias veces con cuidado, los ejemplos adentro son muy suaves, solo el seleccionado por el

@lagolas Calendar Este problema de retraso debería resolverse.

@airyland donó 1 yuan para mostrar su apoyo, el espectáculo es demasiado pequeño, gracias

@lagolas jaja, 1 punto también es amor 😸

@airyland le pedirá consejo cuando encuentre un problema en el uso de seguimiento, gracias por su dedicación.

@lagolas agradece sus comentarios, bienvenido PR.

¿Alguna vez ha pensado en cambiar a una biblioteca de desplazamiento más suave? Por ejemplo esto: https://github.com/pbakaus/scroller

@bammoo Este es un

https://vuxjs.gitbooks.io/vux/content/ Parece que no hay ningún documento actualizado con la tarjeta de componentes, gracias por su dedicación desinteresada

@daviswei lo escribirá más tarde

Siempre que se use el scroller en Android WeChat, se congelará, pero es más fluido sin usar el scoller. Se puede usar en IOS.

@hubinjie no usa scroller en todas las escenas, ¿verdad? No necesitas scroller sin scroller.

¿Fue útil esta página
0 / 5 - 0 calificaciones