jQuery div页面滑块离开屏幕,没有水平浏览器滚动条

时间:2010-05-13 21:51:36

标签: jquery html jquery-plugins slider

我正在寻找一个jQuery div滑块插件,它在页面上滑动水平,显示更多的div,浏览器窗口打开的越大。我喜欢jQuery Coda Slider ...只需要它是整页,不要隐藏溢出,而不是显示水平浏览器滚动条。

有什么建议吗?

更新: 以下是我想要获得的一个例子。基本上,这是两个步骤。 css和js。第一步,css,我希望得到一个没有固定高度的水平div页面滚动。第二步,js,我正在寻找像jQuery Coda Slider一样滑动的div。

alt text http://i43.tinypic.com/a1ocxj.jpg

1 个答案:

答案 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>