list-yoko-scroll2-parts(ウィンドウに対して画像高さ100%タイプ)
- デモではアクションが確認できるよう、sectionにインラインスタイルを直接指定しています。実際にはこのsectionは使わないで下さい。無駄な余白が発生します。
- 横スクロールの速度は、cssのheight: 300vh;の数値で変動します。html側のdata-speed(0.5=slow / 1=normal / 2=fast)でも変化しますが、cssの方が調整幅が広いです。中身の画像数にあわせて調整してみて下さい。
- 画像によっては非常に縦長にトリミングされる場合もあるので、注意して下さい。画像を見せるというより、装飾要素向き。しっかり画像を見せたい場合は、別cssパターン(list-yoko-scroll3)をご利用下さい。
- 画面幅いっぱいに使いたい場合は、bleed-x-partsを追加して下さい。(class="list-yoko-scroll2-parts bleed-x-parts")







