Vux: Scroller android Wechat final problema travado

Criado em 31 mai. 2016  ·  40Comentários  ·  Fonte: airyland/vux

Versão

0.0.117

Android ou iOS, qual navegador?

navegador android ios WeChat

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

Teste WeChat em diferentes máquinas terminais

ios
Iphone6 ​​6s abre o efeito de rolagem suavemente no WeChat

andróide
Huawei Glory 6 Huawei Glory 6+ Hammer Nut fica preso quando aberto no WeChat, a experiência de uma placa não é boa

Android, mas aberto com navegador UC, o efeito de atraso não é muito forte, você pode rolar normalmente, mas ainda um pouco travado

Tentei olhar o código de xscroll. O efeito de rolagem é processado por simulate-scroll, mas não tenho certeza se a transformação interna é processada pelo navegador do webkit. Pessoalmente, acho que está tudo bem para adicionar o processamento de webkitTransform traduzir?

Android Performance componenscroller inactive issue will be closed to be investigated

Comentários muito úteis

Todos 40 comentários

O Android acima é uma configuração low-end?

Para máquinas de médio porte, a Huawei agora tem uma grande participação no mercado.
Eu também testei com a máquina de ponta P9 da Huawei, e o webkit e navegador WeChat podem ser abertos sem problemas, muito facilmente.

Tem algo a ver com a versão do sistema Android?O sistema de gama média é 4,4 e o sistema topo de gama é 6,0

Minha demonstração de abertura do WeChat do Huawei, Android5 congela. . .
Basta clicar na demonstração para configurar o cartão de processo da demonstração específica

@lagolas entra no cartão pela primeira vez, ou entra sempre que ele entra?

@ may00235 Não há máquinas de teste suficientes para fazer uma conclusão. Usei o Mi 2 há dois ou três anos e não haverá um cartão e o status de um cartão, mas o sistema é 5.0.2.

@airyland deixe- me testar mais

@airyland fica travado todas as vezes. Por exemplo, quando eu clico no primeiro "endereço" da página de demonstração, leva cerca de 3 segundos para exibir a página deste componente e, em seguida, clico em "retornar", leva cerca de 2 segundos para retornar para a página de demonstração, eu testo Muitos outros componentes são iguais, mas alguns são um pouco mais rápidos, mas eles também estão obviamente travados.Todos eles têm que esperar pelo menos 2 segundos antes que a página apareça.

Eu uso o navegador Opera para abri-lo, o que é mais óbvio do que no WeChat

O telefone é Huawei Enjoy 5, um novo telefone com Android 5.0, a configuração não é tão ruim

@lagolas entra no demo do scroller, rola o card para a esquerda e para a direita?

@airyland não

Ainda não estudei seu código com cuidado, não sei se é causado por muito carregamento.
Obrigado, pronto para usar o vux na revisão do projeto

Cada exemplo em @lagolas não está preso, certo? É porque o app.js empacotado é muito grande e o webview ficará travado ao executar arquivos grandes?

@airyland Eu testei várias vezes com cuidado, os exemplos dentro são muito suaves, apenas o selecionado pelo

@lagolas Calendar Este problema de atraso deve ser resolvido.

@airyland doou 1 yuan para mostrar apoio, o show é muito pequeno, obrigado

@lagolas haha, 1 ponto também é amor 😸

@airyland pedirá conselhos quando eu encontrar um problema no uso de acompanhamento, obrigado por sua dedicação.

@lagolas bem-vindo feedback, bem-vindo PR.

Você já pensou em mudar para uma biblioteca de rolagem mais suave? Por exemplo, este: https://github.com/pbakaus/scroller

@bammoo Este é um

https://vuxjs.gitbooks.io/vux/content/ Parece que não há nenhum documento atualizado com o cartão de componente, obrigado por sua dedicação abnegada

@daviswei escreverá depois

Contanto que o scroller seja usado no Android WeChat, ele congela, mas é mais suave sem usar o scoller. Ele pode ser usado no IOS.

@hubinjie não usa rolagem em todas as cenas, certo? Você não precisa rolagem sem rolagem.

Esta página foi útil?
0 / 5 - 0 avaliações