Vux: スクローラーアンドロイドWechatエンドスタック問題

作成日 2016年05月31日  ·  40コメント  ·  ソース: airyland/vux

バージョン

0.0.117

AndroidまたはiOS、どのブラウザ?

android iosWeChatブラウザー

あなたのコード

<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テスト

ios
Iphone66sはWeChatでスクロール効果をスムーズに開きます

アンドロイド
Huawei Glory 6 Huawei Glory 6+ハンマーナットはWeChatで開くと動かなくなり、1枚のカードの経験が良くありません

Androidですが、UCブラウザーで開いた場合、ラグ効果はそれほど強くありません。通常どおりスクロールできますが、それでも少しスタックします。

xscrollのコードを調べてみました。スクロール効果はsimulate-scrollで処理されますが、内部の変換がWebkitブラウザで処理されるかどうかはわかりません。個人的には、webkitTransformtranslateの処理を追加しても大丈夫だと思います。

Android Performance componenscroller inactive issue will be closed to be investigated

最も参考になるコメント

全てのコメント40件

上記のAndroidはローエンド構成ですか?

ミッドレンジマシンの場合、Huaweiは現在高い市場シェアを持っています。
また、HuaweiのP9ハイエンドマシンでテストしました。WeChatのWebキットとブラウザーは問題なく非常にスムーズに開くことができます。

Androidシステムのバージョンと関係がありますか?ミッドレンジシステムは4.4、ハイエンドシステムは6.0です。

私のHuawei、Android5WeChatオープニングデモがフリーズします。 。 。
デモからクリックするだけで、特定のデモのプロセスカードを設定できます

@lagolasは初めてカードに入るのですか、それとも彼が入るたびにカードに入るのですか?

@ may00235結論を出すのに十分なテストマシンがありません。2、3年前にMi 2を使用しましたが、1枚のカードと1枚のカードのステータスはありませんが、システムは5.0.2です。

@airylandもっとテスト

@airylandは毎回

私はOperaブラウザを使用して開きます。これはWeChatよりも明らかです。

電話はHuaweiEnjoy5、Android 5.0を搭載した新しい電話で、構成はそれほど悪くありません

@lagolasはスクローラーのデモに入り、カードを左右にスクロールしますか?

@airylandはスタックしておらず、非常にスムーズです! ! !

私はまだあなたのコードを注意深く研究していません、それがあまりにも多くの負荷によって引き起こされているかどうかはわかりません。
プロジェクトリビジョンでvuxを使用する準備ができてありがとう

@lagolasのすべての例が

@airyland何度か注意深くテストしましたが、中の例は非常にスムーズで、カレンダーで選択されたものだけがあまり良くなく、クリック後の遅延が効果的です。他のすべてはスムーズです。

@lagolasCalendarこの遅延の問題は解決する必要があります。

@airylandはサポートを示すために1元を寄付しました、ショーは小さすぎます、ありがとう

@lagolas haha、1ポイントも愛です😸

@airylandは、フォローアップの使用で問題が発生したときにアドバイスを求めます。ご

@lagolasはフィードバックを歓迎し、PRを歓迎します。

よりスムーズなスクロールライブラリに切り替えることを考えたことはありますか?例: https

@bammooこれは

https://vuxjs.gitbooks.io/vux/content/コンポーネントカードで更新されたドキュメントがないようです、無私の献身に感謝します

@davisweiは後でそれを書きます

スクローラーがAndroidWeChatで使用されている限り、フリーズしますが、スカラーを使用しないとスムーズになり、IOSで使用できます。

@hubinjieはすべてのシーンでスクローラーを使用しているわけではありませんよね?スクローラーなしでスクローラーは必要ありません。

このページは役に立ちましたか?
0 / 5 - 0 評価