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

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

有什么建议吗？

已更新： 下面是我试图得到的一个例子。基本上，这是两个步骤。 CSS和JS。第一步，CSS，我正在寻找一个没有固定高度的水平div页面滚动。第二步，js，我希望让div像jQuery Coda Slider一样滑动。

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

来源

2010-05-13 Jeffrey

滑出页面，不隐藏溢出，*和*不显示水平滚动条？我无法想象这将如何工作。为什么不隐藏溢出？ – user113716 2010-05-13 21:56:03

设想一个700px宽的页边空白布局，并且用户的浏览器打开到1000px宽。滑块中的下一个div将部分出现在浏览器中，但它不透明且可选，从而使幻灯片以这种方式进展。如果用户重新调整他们的浏览器窗口......或多或少会显示下一张幻灯片。（上一张幻灯片没有显示。）我知道这很具体，但是想知道是否有类似的东西可以从头开始。（我会接受最好的回应，我保证。） – Jeffrey 2010-05-13 22:19:48

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

无论如何，它听起来像你希望浏览器显示的边缘切断下一页幻灯片的任何部分。

如果这是正确的，只需将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; 
}

UPDATE：（与重新发布信息）

风格：

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>

来源

2010-05-13 22:47:36 user113716

这不起作用，请用图形在上面看到我更新的帖子。 – Jeffrey 2010-05-17 16:44:56

你知道'div'元素的宽度吗？他们是否向左漂浮？您需要确保灰色容器的宽度大于div元素的总宽度。 – user113716 2010-05-17 17:05:11

我用html例子转载了这个问题，并且更清楚地解释了这个问题，如果你有时间的话，请检查一下。谢谢。 http://stackoverflow.com/questions/2851126/css-horizontal-scrolling-overflow-with-jquery-slider – Jeffrey 2010-05-17 17:14:00

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

回答

相关问题