iPhoneの微信ページのいくつかの小さな最適化
507 ワード
1.overflow: scroll;滑りが悪い
cssコードoverflow:scroll;スクロールを書くのは便利ですが、最近iphone側overflow:scroll;書くスクロールの効果はとても硬くて、しかもスクロールがスムーズではありません~解決の方法はとても簡単で、1行のコードをプラスすればいいです:
iPhoneモバイル側でclickイベントまたはtapイベント(jqMobile)を1つの要素にバインドし、トリガをクリックすると灰色の背景が点滅~解決する方法も同様に簡単で、1行のコードでもある:
それとも1行のcssコード:
cssコードoverflow:scroll;スクロールを書くのは便利ですが、最近iphone側overflow:scroll;書くスクロールの効果はとても硬くて、しかもスクロールがスムーズではありません~解決の方法はとても簡単で、1行のコードをプラスすればいいです:
-webkit-overflow-scrolling : touch;
2.clickイベントとtapイベントのグレーバックグラウンドフラッシュ効果をキャンセルiPhoneモバイル側でclickイベントまたはtapイベント(jqMobile)を1つの要素にバインドし、トリガをクリックすると灰色の背景が点滅~解決する方法も同様に簡単で、1行のコードでもある:
-webkit-tap-highlight-color:rgba(0,0,0,0);
3 overflowを隠す:scrollのスクロールバーそれとも1行のcssコード:
::-webkit-scrollbar{ width: 0px; }