我为客户的网站创建了一个水平图库，它的功能相当不错，不是图库的最佳方式，但这是他们想要的：
http://www.lisagleeson.com/galleries/fashion/
使用以下代码完成：
#galleryWrapper {
height: 525px;
width: 100%;
background-color: #ffffff;
padding: 10px 0px 10px 0px;
float: left;
white-space: nowrap;
overflow-y: hidden;
overflow-x: scroll;
}
他们报告说从左到右滚动这些图片有点困难，部分原因是因为div中没有滚动条。我需要有关如何添加滚动条的帮助，而无需转换为使用iFrame ..
答案 0 :(得分：0)
在您的情况下，您可以制作＆＃34;进度条＆＃34;它将显示当前滚动位置，如滚动条。在滑块上监听scroll事件并更新进度条位置。如果您没有计划双向交互（拖动此进度条和滚动滑块），那么JS代码将很简单。
我只能看到一个问题 - 进度条设计:)有很多进度条示例 - 带轨道的滚动条，简单的滚动条，带radiobuttons的分页等...
如果你想让滚动条拖动，你可以使用隐藏原生滚动条的jQuery Scrollbar，但仍然允许滚动鼠标/触摸（不是JS模拟！）。滚动条完全可以自定义CSS。