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頁面滑塊離開屏幕，沒有水平瀏覽器滾動條

回答

相關問題