javascript - 如何为应用程序屏幕截图创建一个漂亮的水平滚动区域，就像 iTunes 上的应用程序一样？

Question

我有一些应用程序屏幕截图，我想添加到我的网站，但我想将它们放在水平滚动区域中，就像 iTunes Store 应用程序屏幕截图区域一样。

我该如何实现，或者有人可以为我指明正确的方向。谢谢。

Answer 1

<div style="width: 800px; height: 100px; overflow: auto">
   <div style="height: 100px">
      ... lots of content here ...
   </div>
</div>

只要您设置“内容”的样式使其水平流动，一旦内部 div 宽度超过 800 像素并“溢出”外部 div，它就会创建一个水平滚动条。