jQuery的：滾動像一個包含IOS滾動框，你會在App Store

Question

這裏看到的就是我所說的：

當您訪問https://soundcloud.com/，當你在看網頁，你看到整個「連接上的SoundCloud 「的東西。

該密閉空間中屏幕上的文本和按鈕在給定的時間內自動滾動。它還有兩個小的白色圓圈按鈕，告訴你它在哪個項目上（當用戶正在查看「連接SoundCloud」時，第一個白色圓圈被填充，而另一個白色圓圈被邊框挖空，另一個方式當它在「使用SoundCloud GO +發現更多」時）。

這是怎麼產生的？

謝謝！

Answer 1

這就是所謂的旋轉木馬，它是許多框架/庫如Bootstap的一部分。一些框架/庫稱它爲gallery。

Answer 2

你應該看看w3schools上的Carousels，它們涵蓋了這個很好。

Bootstrap爲構建通過元素滑動的組件提供了函數和html屬性。當前不可見的元素被CSS從視圖中推出，可見的元素可以滑入視圖。