jQuery div页面滑出屏幕，没有水平浏览器滚动条_Jquery_Html_Jquery Plugins_Slider

jQuery div页面滑出屏幕，没有水平浏览器滚动条

jquery html jquery-plugins

jQuery div页面滑出屏幕，没有水平浏览器滚动条,jquery,html,jquery-plugins,slider,Jquery,Html,Jquery Plugins,Slider,我正在寻找一个jQuery div滑块插件，它可以水平滑离页面，打开的浏览器窗口越大，显示的div就越多。我喜欢jQuery尾波滑块。。。只需要它是完整的页面，而不是隐藏溢出，而不是显示水平浏览器滚动条有什么建议吗更新：下面是我想要得到的一个例子。基本上，这是两个步骤。css和js。第一步，css，我希望得到一个没有固定高度的水平div页面滚动。第二步，js，我希望让div像jQueryCoda滑块一样滑动我仍然不知道我是否完全理解。一些代码会很好不管怎么说，听起来您希望浏览器显示的

我正在寻找一个jQuery div滑块插件，它可以水平滑离页面，打开的浏览器窗口越大，显示的div就越多。我喜欢jQuery尾波滑块。。。只需要它是完整的页面，而不是隐藏溢出，而不是显示水平浏览器滚动条

有什么建议吗

更新： 下面是我想要得到的一个例子。基本上，这是两个步骤。css和js。第一步，css，我希望得到一个没有固定高度的水平div页面滚动。第二步，js，我希望让div像jQueryCoda滑块一样滑动

我仍然不知道我是否完全理解。一些代码会很好

不管怎么说，听起来您希望浏览器显示的边缘将下一张幻灯片的任何部分从页面上剪掉

如果这是正确的，只需在

主体

标记或任何与窗口宽度相同的容器标记上将overflow-x设置为hidden

（除非出于某种原因，否则您不希望隐藏。）

更新：（包含重新发布的信息）

风格：

body {
            clip: auto;
            overflow-x: hidden;
        }

     /* Positioning *
        #container { width: 2500px; }
        .block { float: left; }

        /* Styling */
        .block img { padding: 5px; }

html:

滑出页面，不隐藏溢出，不显示水平滚动条？我无法想象那会怎样。为什么不隐藏溢出？想象一个700px宽的左边距布局，用户的浏览器可以打开到1000px宽。滑块中的下一个div将部分显示在浏览器中，尽管它是不透明的，并且是可选择的，允许幻灯片以这种方式进行。如果用户重新调整其浏览器窗口。。。下一张幻灯片将大致显示。（上一张幻灯片没有显示。）我知道，它非常具体，但我想知道是否有类似的东西可以让我开始。（我会接受最好的回复，我保证。）这不起作用，请查看我上面的更新帖子，并附上图片。你知道

div

元素的宽度吗？它们是否向左浮动？您需要确保灰色容器的宽度大于

div

元素的组合宽度。我用一个html示例重新发布了问题，并对问题进行了更清晰的解释，如果您有时间，请查看。谢谢我将在这里回答，因为在stackoverflow上通常不建议重新发布。

body {
            clip: auto;
            overflow-x: hidden;
        }

     /* Positioning *
        #container { width: 2500px; }
        .block { float: left; }

        /* Styling */
        .block img { padding: 5px; }

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