Skip to main content

次の項目のタイムライン: スクロールするとページが縦に揺れます

現在のライセンス: CC BY-SA 4.0

15 件のイベント
日時 書式を切り替える 内容 ユーザー ライセンス コメント
2022年2月10日 22:27 コメント 追加済み Macc @supa 様、ヘッダーに当たっているCSSのクラス名を探しましたが見つからず、Shopifyのテーマを利用しているのですが変更できないようです。私にこれ以上対処できないので透過にすると現象が再現しないというご提案をしてみます。ご意見いただきありがとうございました。
2022年2月10日 22:14 コメント 追加済み Macc @supa 様、ありがとうございます。ヘッダーが影響していることが分かってきました。ヘッダーを透過にして、TOP画像をページの上まで表示させると現象が再現しなくなりました。おっしゃる通りの現象が起きているようです。ヘッダーの表示が切り替わる設定について、どのソースを見るべきかこちらを参考に探してみます。coco-factory.jp/ugokuweb/move01/5-1-9
2022年2月10日 22:02 コメント 追加済み Macc @keitaro_so 様、ありがとうございます。仰っている意味が理解できました。DOM要素を減らしてみると、おそらくヘッダが影響していることがわかりました。ありがとうございます。
2022年2月9日 9:33 コメント 追加済み supa ソースコードが長大すぎて読めていないのですが、 ヘッダーが消えている状態のとき、 position プロパティの値が absolutefixed ではなくなっているのではないでしょうか?もしそうならば、ヘッダーの表示が切り替わるようなスクロールをするたびに、ヘッダー分の高さだけ文書全体がずれる動作になります。
2022年2月9日 5:44 コメント 追加済み keitaro_so 現象が再現されるまでコードを絞っていくデバック作業をしてみてはいかがでしょうか?まずはフルフルのHTMLとCSSとjavascriptから、DOM要素を減らしていったり、関係ないと思われるJavascriptを除外して、動作がどのソースを削除すると発生しなくなるかミニマムなソースの作成を目指してはいかがでしょうか?
2022年2月9日 4:42 履歴 編集日時 Macc CC BY-SA 4.0
本文に 90 文字追加
2022年2月9日 4:36 コメント 追加済み Macc @cubick 様 ありがとうございます。原因が特定できていないため、該当のコードをお伝えするのが難しいです。現象の確認方法としては、下にスクロールさせてから上にすぐ戻すと、ページが縦に揺れます。特に商品が並んでいる辺りの画像の部分をスクロールしてみると分かりやすいです。
2022年2月9日 4:35 履歴 編集日時 Macc CC BY-SA 4.0
本文に 450 文字追加
2022年2月9日 4:00 コメント 追加済み cubick 単にページの URL を指し示すだけではなく、問題の再現する (最小限の) コードを質問中に直接含めてください。
2022年2月9日 3:59 履歴 再オープン済み cubick
2022年2月9日 3:48 レビュー 再オープン票
2022年2月9日 4:03
2022年2月9日 3:46 履歴 編集日時 Macc CC BY-SA 4.0
本文に 58 文字追加 レビューに追加済み
2022年2月9日 3:46 履歴 クローズ済み cubick このサイトに適していない
S 2022年2月9日 3:45 レビュー 初めての質問
2022年2月9日 3:50
S 2022年2月9日 3:45 履歴 質問を投稿 Macc CC BY-SA 4.0