jQuery：像应用商店中包含的 ios 滚动框一样滚动

Posted 2023-03-14

【中文标题】jQuery：像应用商店中包含的 ios 滚动框一样滚动

【英文标题】：jQuery: Scrolling like a contained ios scrolling box you would see in the app store

【发布时间】：2017-06-22 17:23:08

【问题描述】：

这就是我要说的：

当您访问 https://soundcloud.com/ 时，当您查看主页时，您会看到整个“Connect on Soundcloud”。

屏幕上的文本和按钮在有限的空间内会在给定的时间内自行滚动。它还有两个白色的小圆圈按钮，告诉你它在哪个项目上（当用户查看“Connect on SoundCloud”时，第一个白色圆圈被填充，而另一个被挖空并带有边框）大约在“使用 SoundCloud GO+ 发现更多”时）。

这是怎么做的？

谢谢！

【参考方案1】：

你应该看看 w3schools 上的Carousels，他们很好地涵盖了这一点。

Bootstrap 为构建可滑动元素的组件带来了函数和 html 属性。当前不可见的元素通过 CSS 被推离视图，可见的元素可以滑入视图。

【参考方案2】：

这称为 carousel，它是许多框架/库的一部分，例如 Bootstap。一些框架/库将其称为 gallery。