Jquery 如何在溢出的div内水平滚动

我有一个内部有多个内联div的div，它们显示为行/列排列。我希望将div设置为固定宽度，但是其中的条目可能会超出其宽度，因此我希望实现一个滑块，以便能够水平滚动div。当滑块改变时，为了水平滚动div，需要在div上调用哪些属性？我将其实现为一个角度指令（我只想知道使div水平滚动所需的属性）

#容器
{
宽度：500px；
背景：#f0；
空白：nowrap；
溢出：隐藏；
}
.参赛作品
{
填充：10px；
}
进入
{
显示：内联块；
宽度：130px；
高度：130像素；
背景：黄绿色；
}

如果我理解正确。。。这就是你想要的

<div class="width:400px;height:200px;overflow:auto">
   <div class="display:inline">Some Inline Div</div>
   <div class="display:inline">Some Inline Div</div>
   <div class="display:inline">Some Inline Div</div>
</div>

一些内联Div
一些内联Div
一些内联Div

---

但是如果内置的滚动条在视觉上不适合您，那么您最好使用jQuery插件来扩展滑块。

如果我理解正确。。。这就是你想要的

<div class="width:400px;height:200px;overflow:auto">
   <div class="display:inline">Some Inline Div</div>
   <div class="display:inline">Some Inline Div</div>
   <div class="display:inline">Some Inline Div</div>
</div>

一些内联Div
一些内联Div
一些内联Div

---

但是如果内置的滚动条在视觉上不适合您，那么您最好使用jQuery插件来扩展滑块。

Um。。。您是否要求在div底部有一个滚动条，以便可以滚动浏览溢出的内容？如果是这样，就使用CSS。应用样式

overflow-x:auto

到父div。如果仍然看到从包含div流出的内容，请将您的div包装到另一个包含div中，并应用样式

overflow:hiddento it.element.scrollLeft可在vanilla JS中设置。（我建议使用真正的溢出滚动条，而不是滚动你自己的滑块。）不，我觉得滚动条不美观，我想要一个自定义的滑块，滑块的作用就像滚动条。好的。至少要注意您将要创建的可访问性问题。我添加了一个fiddle和附带的代码@DanielBeck会发生什么？嗯。。。您是否要求在div底部有一个滚动条，以便可以滚动浏览溢出的内容？如果是这样，就使用CSS。应用样式
overflow-x:auto
到父div。如果仍然看到从包含div流出的内容，请将您的div包装到另一个包含div中，并应用样式
overflow:hiddento it.element.scrollLeft可在vanilla JS中设置。（我建议使用真正的溢出滚动条，而不是滚动你自己的滑块。）不，我觉得滚动条不美观，我想要一个自定义的滑块，滑块的作用就像滚动条。好的。至少要注意您将要创建的可访问性问题。我添加了一个fiddle和附带的代码@DanielBeck会发生什么？我有点问题，问题是当我调整边距时，容器的宽度一直在变化，但请看一看。你知道如何获得元素的初始宽度吗？这是我的一个错误，我使用了错误的值。我发生了一些事情，问题是容器的宽度在我调整边距时不断变化，但请看一看。你知道如何获得元素的初始宽度吗？这是我的错误，我使用了错误的值。