質問 画像とテキストのシームレスなスクロールは、一般的に携帯電話では良い効果をもたらしますが、一部のモバイル ブラウザーでは画像がひどく揺れてしまいます。 間違った書き方 次のように left または margin-left を使用することはできません。 .donghua.active{ アニメーション: スクロール、イーズインアウト、1 秒、無限、交互に; -webkit-animation: スクロールのease-in-out 1秒無限交互; } @keyframes スクロール { から { 左: 0; } に { 左: -353px; } } -webkit-@keyframes スクロール { から { 左: 0; } に { 左: -353px; } } 回避策 モバイル フォンでは、要素がひどく揺れます。次のように 2D 変換を使用します。 .donghua.active{ アニメーション: スクロール、イーズインアウト、1 秒、無限、交互に; -webkit-animation: スクロールのease-in-out 1秒無限交互; } @keyframes スクロール { 0% { 変換: translate(0px, 0px); } 100% { 変換: translate(0px, -353px); } } @-webkit-keyframes スクロール { 0% { 変換: translate(0px, 0px); } 100% { 変換: translate(0px, -353px); } } 以上が、CSS3 を使ってシームレススクロールと手ぶれ防止を実現する方法の詳細です。CSS3 シームレススクロールと手ぶれ防止の詳細については、123WORDPRESS.COM の他の関連記事にも注目してください。 |
<<: FirefoxでCookieとお気に入りをインポートおよびエクスポートする方法
>>: JavaScript オブジェクトからプリミティブ値への変換の詳細な説明
マイクリMyCLI は、自動補完と構文の強調表示を備えた MySQL、MariaDB、および Per...
始める前にクラウドサーバーを持っています。私のはTencent Cloud Server (Cent...
この記事では、カルーセルマップの効果を実現するためのjsの具体的なコードを参考までに共有します。具体...
概要最近MySQL関連の知識を勉強し始めました。学んだ知識ポイントと自分の理解を元に整理して共有しま...
目次EffectList コレクション最初のレンダリング時のEffectList EffectLis...
DNMP の紹介DNMP (Docker + Nginx + MySQL + PHP7/5 + Re...
ここでは、HTML ページのサイズを縮小した後に下部にスクロール バーを表示し、スクロール バーをス...
Docker はプロセスを中核としてシステムリソースを分離する管理ツールです。分離は、オペレーティン...
目次導入ルート内のオブジェクト属性パス: 文字列コンポーネント: コンポーネント | () =>...
Promise は、ES6 で導入された非同期プログラミングのための新しいソリューションです。 Pr...
目次1. JSONPとは何か2. JSONPクロスドメインリクエスト3. Baidu検索をシミュレー...
目次成果を達成する利用可能なプラグインの紹介ニーズに応じてプラグインを選択するプラグインのインストー...
Windows 環境と Linux 環境では結果が異なります。ウィンドウズステップ 1: Maven...
私の友人の多くは、127.0.0.1 と localhost の違いがわからず、問題に遭遇するかもし...
この記事では、例を使用して、MySQL トリガーの追加、削除、変更、およびクエリ操作について説明しま...