Question

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

...除了我想加载对象就像它在那张照片中一样但是有其他对象（图像而不是图片中的div）回到第一个对象的左边），这样你就可以滚动到看不见的东西了两个方向。

编辑：为了回应一些提供帮助的人（谢谢），我写了一个小提琴（在下面的评论中）。希望是我可以在最左边（初始加载时）使用蓝色边框来加载这个水平特征，人们可以向后或向后滚动。我更喜欢（但我会选择任何一个）它被标记为加载在那个盒子而不是css它所以它会在一定宽度或类似之后加载，因为我希望它以普遍的方式运行（无论左边隐藏了多少个对象，但是，我会采取任何一种解决方案，因为我可以使用它们。

Answer 1

这是一个类似的快速模型。它可以扩展为使用滚动事件。使用jquery但它也可以在纯js中完成。只是让身体像这样隐藏溢出

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);
}

小提琴：http://jsfiddle.net/hna6jkzk/

显然，div也可以是图像。

没有JS和可见滚动条的小提琴：http://jsfiddle.net/hna6jkzk/1/

没有JS和隐藏滚动条的小提琴：http://jsfiddle.net/hna6jkzk/2/

溢出到左边？

1 个答案: