list-yoko-scroll3-parts(画像のアスペクト比指定タイプ)

  • デモではアクションが確認できるよう、sectionにインラインスタイルを直接指定しています。実際にはこのsectionは使わないで下さい。無駄な余白が発生します。
  • 横スクロールの速度は、cssのheight: 300vh;の数値で変動します。html側のdata-speed(0.5=slow / 1=normal / 2=fast)でも変化しますが、cssの方が調整幅が広いです。中身の画像数にあわせて調整してみて下さい。
  • アスペクト比の変更はcssでできます。
  • 画面幅いっぱいに使いたい場合は、bleed-x-partsを追加して下さい。(class="list-yoko-scroll2-parts bleed-x-parts")
《Web Design:Template-Party》