inc2734 / unitone

34 stars 4 forks source link

スライダーは基本的に overflow:hidden なブロックでラップしないといけないので、スライダー単体でなんとかなるようにしたい #248

Open inc2734 opened 7 months ago

inc2734 commented 7 months ago

スライダーは overflow:hidden なブロックでラップしないと、スマホなど狭い画面でみたときに、そのページが正しいコンテンツ幅で表示されない(スライダー全体の幅で表示されてしまう)。

ラップすると正しいコンテンツ幅で表示されるが、単純にラップしただけだとはみ出たスライドが消えてしまうため、overflow:hidden なブロックは alignfull にして、さらにコンテナーブロックなどでスライダーの横幅を制限しないといけない。これが手間。スライダーブロック単体で機能するようにしたい。

ただ、既存のスライダーブロックに影響を与えない形で、というのは難しい気がする…。alignfull にしたときだけ HTML 構造を変えるとか、既存のスライダーブロックはインサーターに表示できないようにした上で、新しいスライダーブロックを用意するとか方法を考える。

inc2734 commented 6 months ago

body { overflow-x: clip } で横スクロールしなくなりそうなので、一旦それで対応する。