前提・実現したいこと
画像を表示させるためにスクロールバーでスクロールすると、表示がカクつきます。
画像のように、一枚の画像サイズが約1MBの画像を8枚ほどサイドバーに縮小して並べ(cssでwidth等を指定して)、
バーからはみ出した部分はoverflow: scroll
として表示させています。
そこで、隠れている画像を表示させようとスクロールすると、スクロールがカクつきます。
うまく表現できませんが、動作が重い感じです。
PCからだと問題なく動作し、タブレット、iPhoneから表示するとカクつくといった感じです。
iPadのSafariで検証すると、「問題が起きたため、このWebページを再度読み込みました。」というメッセージが表示されます。
やはり、単純に画像サイズが大きすぎるというのが原因なのでしょうか?
何かご回答を頂けると助かります<(_ _)>
回答1件
あなたの回答
tips
プレビュー