css - 向左溢出？

Question

是否可以设置水平滚动功能，使其滚动到(溢出，我假设，除非有另一种方式)左侧和右侧。有点像这张照片:

a horizontal scrolling feature

...除了我想像在照片中一样加载对象，但还有其他对象(图像而不是图片中的 div)回到第一个对象的左侧)，因此您可以滚动到看不见的东西在两个方向。

编辑:为了回应一些在这里提供帮助的人(谢谢)，我编写了一个 fiddle (在下面的评论中)。希望我可以用最左边的蓝色边框框加载这个水平功能(在初始加载时)，人们可以来回滚动)。我更喜欢(但我会选择其中一个)它被标记为加载到那个盒子上而不是 css 它所以它会在一定宽度或类似的东西之后加载，因为我希望它以这种方式普遍运行(不管左边隐藏了多少对象)但是，我还是会采用任何一种解决方案，因为我可能可以使它与任何一种一起工作。

Answer 1

这是类似的东西的快速模型。它可以扩展为使用滚动事件。使用 jquery 但它也可以在纯 js 中完成。只是让 body 像这样 overflow hidden

body {
    overflow: hidden;
}

我有按钮来移动它，但正如我所说，您也可以使用滚动事件来完成。

function left () {
    var div = document.getElementById('scrollContainer');
    $(div).animate({ "right": "+=100px" }, 500);
}

function right () {
    var div = document.getElementById('scrollContainer');
    $(div).animate({ "right": "-=100px" }, 500);
}

fiddle :http://jsfiddle.net/hna6jkzk/

显然 div 也可以是图像。

没有 JS 和可见滚动条的 fiddle :http://jsfiddle.net/hna6jkzk/1/

没有 JS 和隐藏滚动条的 fiddle :http://jsfiddle.net/hna6jkzk/2/