带有水平滑动内容的底部div
我需要一个div，将始终在页面底部，边距172px在左边，383px在右边。
此div将包含一些图像和文本以及左按钮和右按钮。例如，当您将鼠标悬停在右键时，当达到div的宽度限制后，原本“不可见”的内容将开始从右侧显示，并向左侧滑动内容。
我试过使用position:fixed; bottom:0px，但是我不能给div留边，而且当屏幕尺寸改变时，它的宽度也不会改变……
例如，这正是我想要的(底部的黑色div )：
如果你知道有什么jquery插件可以做我想要的，或者你知道如何做这样的事情，请帮助我！
回答 2
Stack Overflow用户
发布于 2012-10-25 06:37:14
如果您使用的是position: fixed，则不能应用边距。不过，您可以指定left和right属性。
position: fixed;
right: 383px;
bottom: 0;
left: 172px;我知道这不完全是您所要求的，但是您可以在该div上设置white-space和overflow属性，以使其显示一个水平滚动条。
white-space: nowrap;
overflow: auto;用户可以使用底部的滚动条来移动div的内容。下面是一个例子：http://jsfiddle.net/rustyjeans/5nv84/
要使用div，设置overflow: hidden并添加一些调整jQuery的scrollLeft的函数，然后添加一些在悬停时调用这些函数的控件。下面是一个例子：http://jsfiddle.net/rustyjeans/FtSGn/
Stack Overflow用户
发布于 2012-10-25 06:36:15
这应该不会太难做到。您需要一个具有查看器大小的包含div。然后，在该div中创建一个div，其中包含绝对位置和宽度超出查看器的维度。当箭头悬停在上面时，使用jquery更改内部div的"left“css属性。这有帮助吗？
编辑:外部div应该有"position: relative;“，以确保内部div相对于它的边距定位。
https://stackoverflow.com/questions/13058818
复制相似问题
腾讯云开发者
