web-dev-qa-db-ja.com

この垂直カルーセルUI要素の名前は何ですか？

enter image description here この「垂直カルーセル」パターンは、「水平方向のカルーセル」とは異なり、操作することなく手順を簡単に読み取ることができるため、「仕組み」セクションにとって非常に強力です。 bootstrap + Pillarライブラリを使用してマーケティングホームページを作成していますが、

なんていうの？

landing-pageonboardingcarousel
2
Sajid Reshamwala

これらは様式化された垂直タブのように見えます。

（画像のソースページのように見えるものを調べました-- https://www.fullstory.com/features/ ）

垂直タブの例

CSS＆JavaScript（w3 Schools）- https://www.w3schools.com/howto/howto_js_vertical_tabs.asp

CSSのみ（CodePen）- https://codepen.io/nik-savchenko/pen/xDIAe

ブートストラップ固有（CodePen）- https://codepen.io/akhilmekkatt/pen/YGqadp

3
Michael Heraghty

スライダー同期

http://kenwheeler.github.io/slick/

あなたはあなたの要件に従ってケンホイーラーをカスタマイズする必要があり、それはちょうどうまくいくはずです。

1
Kishan