水平滑动内容的底部div

我需要一个始终位于页面底部的div，左侧为172px，右侧为383px。水平滑动内容的底部div

这个div将有一些图像和文字以及左右按钮。例如，当您将鼠标悬停在右侧按钮上时，在达到div宽度限制后，“不可见”内容将从右侧开始出现，并将内容向左侧滑动。

我试着用position:fixed; bottom:0px，但我不能保证金的DIV，和它的宽度没有改变的时候，屏幕大小的变化......

例如，这将是我想要的东西（在底部的黑色格）：

enter image description here

如果您知道任何jQuery插件，做什么，我想，或者如果你知道如何做这样的事情，请大家帮帮我！

如果您使用的是position: fixed，则无法应用保证金。虽然您可以指定left和right属性。

position: fixed; 
right: 383px; 
bottom: 0; 
left: 172px;

我知道这不正是你问什么，但你可以设置该分区的white-space和overflow属性，让这个它会显示一个水平滚动条。

white-space: nowrap; 
overflow: auto;

用户可以使用底部的滚动条来移动div的内容。这里有一个例子：http://jsfiddle.net/rustyjeans/5nv84/

使用jQuery设置overflow: hidden并添加一些功能，即调整的div scrollLeft，再加入一些控件调用这些函数时，他们徘徊。这里有一个例子：http://jsfiddle.net/rustyjeans/FtSGn/

2012-10-24 22:37:14

好吧，修复div工作。但div的内容在达到div限制时保持“突破”。我如何解决它？ –

'white-space：nowrap'应该阻止内容被破坏;除非它包含'
'或阻止div等元素。如果您有块元素，则需要在这些元素上设置“display：inline-block”，以使它们彼此相邻显示。 –

哦，我想用jquery来移动div的内容，我该怎么做呢？ –

这应该不会太难。你想要一个包含查看器尺寸的div。然后，在那个里面有一个div，绝对位置和尺寸超出观察者的宽度。当箭头悬停在使用jquery更改内部div的“left”css属性时。这有帮助吗？

编辑：外部div应该有“位置：相对;”以确保内部div相对于其边缘定位。

2012-10-24 22:36:14 user417669

回答