[ 解決済 ] vk pattern library 「ポートフォリオ_トップページ」スマホでのスライダー表示がカクつく
[ 解決済 ] vk pattern library 「ポートフォリオ_トップページ」スマホでのスライダー表示がカクつく
- このトピックには3件の返信、2人の参加者があり、最後に
により5ヶ月、 3週前に更新されました。
-
投稿
-
■ WordPress のバージョン
WordPress バージョン6.4.1■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
Lightningバージョン: 15.23.0■ Pro Unit のバージョン
バージョン 0.26.8■ スキンの種類
プレーン■ プラグインの種類・バージョン
お世話になっております。
vk pattern library
「ポートフォリオ_トップページ」
を使用したときにトップ画像のスライダーがスマホ表示（iPhone12）でカクつきます。
ズーム表示をなくしたいです。↓使用したvk pattern library
特に変わったことはしてません。
既存のフロントページのグループを削除後、
vk pattern libraryからコピペしています。初歩的な質問ですみません。
お忙しいとは思いますが、ご確認をお願いいたします。■ 期待する動作
スマホでの表示をスムーズにしたい。
（トップ画像の徐々に拡大するエフェクトを消し、
トップ画像の３枚のスライダー表示をスムーズにしたい）
（参照画像のズームエフェクトを消したいです。）■ 自分で試した事
〇カスタムCSS transition: .3s ease-in-out; を transition: .0s ease-in-out; へ変更、 コード削除
〇ブロック→レイアウト設定→スライダーアイテムエリア内の余白をなくす■ 症状が発生するブラウザ
safari■ 実際の症状
スマホ表示でトップ画像のスラーダー動作がカクつく■ その他特記事項
なしお世話になっております。ベクトルスタッフの松田です。
ズームエフェクトの削除は、以下のようになります。詳細は添付の画像をご確認ください。
1. 左上の ３本線(ドキュメント概観) をクリックします。
2. カラム > 1つ目のカラム > スライダー をクリックします。
3. カスタムCSSの14行目「/*スライド画像のアニメーション*/」から50行目(/* 管理画面用 */の直前)までを削除します。
4. 右上の 公開 または 更新 をクリックします。ご確認のほど、よろしくお願いいたします。
- このトピックに返信するにはログインが必要です。
