Javascript 如何为应用程序截图创建一个漂亮的水平滚动区域，比如iTunes上的应用程序截图？

我有一些应用程序截图我想添加到我的网站，但我想，但他们在一个水平滚动区域就像iTunes商店应用程序截图区域

我如何实现这一点，或者有人能给我指出正确的方向。谢谢。

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

... 这里有很多内容。。。

只要您设置“内容”的样式，使其水平流动，一旦内部div扩展到800px以上并“溢出”外部div，它就会创建一个水平滚动条。

... 这里有很多内容。。。

---

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

创建一个div，将其作为CSS：

.overflowdiv {
    height: 310px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 980px;
}

这将创建一个带有自动溢出的980x310px div，因此如果内容宽度超过像素数量，它将自动添加一个滚动条

为了防止出现“新行”，我通常会在其中添加一个表：

<div class="overflowdiv">
<table>
    <tr>
        <td>
            Content here
        </td>      
        <td>
            Content here
        </td>      
        <td>
            Content here
        </td>      
        <td>
            Content here
        </td>      
    </tr>
</table>

满足于此
满足于此
满足于此
满足于此

将此作为CSS创建一个DIV：

.overflowdiv {
    height: 310px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 980px;
}

这将创建一个带有自动溢出的980x310px div，因此如果内容宽度超过像素数量，它将自动添加一个滚动条

为了防止出现“新行”，我通常会在其中添加一个表：

<div class="overflowdiv">
<table>
    <tr>
        <td>
            Content here
        </td>      
        <td>
            Content here
        </td>      
        <td>
            Content here
        </td>      
        <td>
            Content here
        </td>      
    </tr>
</table>

满足于此
满足于此
满足于此
满足于此

我最近创建了一个漂亮的无限画廊，您可以在这里看到它的实际应用：

• 自动滑动支架
• 停悬
• 简单HTML标记
• 窗口大小调整-将当前图像保持在中央屏幕上

因为这里有很多CSS、HTML、JS要粘贴。。。只是“观景调查”。

---

如果您有问题，我很乐意为您提供帮助。

我最近创建了一个漂亮的无限画廊，您可以在这里看到它的实际应用：

• 自动滑动支架
• 停悬
• 简单HTML标记
• 窗口大小调整-将当前图像保持在中央屏幕上

因为这里有很多CSS、HTML、JS要粘贴。。。只是“观景调查”。

---

如果您有问题，我很乐意提供帮助。

很好-但您需要对其应用一些无拖拽css，并可能实现一些拖拽和滚动。。。那就是薄荷糖了！好主意@ppumkin！但关键的剧本就在那里。其余的可以很容易地实现，例如：hover上的span描述。@ppumkin此脚本仍然不是正式的，因为有些脚本仍然有点错误。；）一旦我完成我的网站，我会整理他们一点！（注：游戏版权所有：）此链接不起作用。你能在你的答案中更新演示链接吗？很好-但是你需要对它应用一些无拖拽css，也许还需要实现一些拖拽和滚动。。。那就是薄荷糖了！好主意@ppumkin！但关键的剧本就在那里。其余的可以很容易地实现，例如：hover上的span描述。@ppumkin此脚本仍然不是正式的，因为有些脚本仍然有点错误。；）一旦我完成我的网站，我会整理他们一点！（注：游戏版权所有：）此链接不起作用。你能更新你答案中的演示链接吗？我如何去掉滚动条后面的白色背景？我如何去掉滚动条后面的白色背景？