我正在寻找一个jQuery div滑块插件,它在页面上滑动水平,显示更多的div,浏览器窗口打开的越大。我喜欢jQuery Coda Slider ...只需要它是整页,不要隐藏溢出,而不是显示水平浏览器滚动条。
有什么建议吗?
更新: 以下是我想要获得的一个例子。基本上,这是两个步骤。 css和js。第一步,css,我希望得到一个没有固定高度的水平div页面滚动。第二步,js,我正在寻找像jQuery Coda Slider一样滑动的div。
答案 0 :(得分:1)
我仍然不知道我是否完全理解。有些代码会很好。
无论如何,听起来您希望浏览器显示的边缘切断页面下一张幻灯片的任何部分。
如果这是正确的,只需将overflow-x设置为隐藏在body
标记上,或者设置为与窗口宽度相同的任何容器标记。
(除了某些原因,你不想隐藏。)
// If your content is in a container that is sized to the width
body { // of the body, then use that instead.
clip: auto;
overflow-x: hidden;
}
更新:(重新发布信息)
式:
body {
clip: auto;
overflow-x: hidden;
}
/* Positioning *
#container { width: 2500px; }
.block { float: left; }
/* Styling */
.block img { padding: 5px; }
HTML:
<body>
<div id="container">
<div class="block"><img src="http://i42.tinypic.com/1zp2poz.gif"></div>
<div class="block"><img src="http://i42.tinypic.com/1zp2poz.gif"></div>
<div class="block"><img src="http://i42.tinypic.com/1zp2poz.gif"></div>
</div>
</body>