質問 画像とテキストのシームレスなスクロールは、一般的に携帯電話では良い効果をもたらしますが、一部のモバイル ブラウザーでは画像がひどく揺れてしまいます。 間違った書き方 次のように 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 オブジェクトからプリミティブ値への変換の詳細な説明
障害サイト: MySQL サーバーにログインし、どのコマンドを実行してもこのエラーが発生します my...
派生テーブルについてメイン クエリに派生テーブルが含まれている場合、または SELECT ステートメ...
ビジネス ソーシャル ネットワーキング サイト LinkedIn は最近、ナビゲーション バーとユー...
vsftpd の概要vsftpd は「very secure FTP daemon」の略称で、セキ...
1. フローティング方式を使用する効果画像: コードは次のとおりです: (.content の高さは...
目次1. 画像のバイナリデータを表示する方法2. 絵の種類の見分け方3. 画像の種類を検出する方法3...
最近、仕事でモバイルページを作成しました。もともと特別なことではありませんでしたが、非常に奇妙に感じ...
目次導入なぜわざわざ?落とし穴のあるコミュニティソリューション(Vue を例に挙げる)現時点では良い...
<meta name="viewport" content="...
目次ストレージエンジンのメモリ管理データ ページを LRU キューの先頭に置かないのはなぜですか?ダ...
1. 従来のLRUリンクリストについて簡単に説明するLRU:最も最近使われなかったものLRU リンク...
目次ライフサイクルを理解する理由ライフサイクルとはライフサイクルフック関数作成され、マウントされたフ...
Alibaba Cloud Diskの最後のアップデートからかなり時間が経ちました。ネットユーザー...
目次質問解決質問この問題には多くの理由があるようです。私の問題は、パラメータ付きのURLを更新できな...
Mavenパッケージを解凍する tar xf apache-maven-3.5.4-bin.tar....