平滑滾動div水平的像素量，沒有滾動條

我有一個容器DIV中的10個浮動DIV，我希望能夠使用按鈕進行滾動。平滑滾動div水平的像素量，沒有滾動條

我想使用左/右按鈕使容器DIV水平滾動300px以顯示下一個浮動DIV。

我希望容器的寬度顯示爲窗口的100％，並且我還希望在底部沒有水平滾動條。如果它能橫向滾動，那會很棒，但這不是必須的。

我只是在尋找一個功能並激活左/右按鍵的功能的方式。

我嘗試過谷歌了好幾個小時了，我試過了Flesler的ScrollTo但是我沒有任何運氣，它可能是我用寬度設置的方式做的事情，無論如何，謝謝你的幫幫我。

2012-09-26 toams7

我明白你已經說過你已經嘗試谷歌了幾個小時，並且你已經嘗試了一個ScrollTo插件......但是你沒有向我們展示你試過的東西，因此可以建議你沒有嘗試過任何東西......我建議發佈您嘗試過的代碼，然後我們可以嘗試爲您修復它，希望能幫助您在此過程中更好地理解它。 – ahren

tldr：請發佈您嘗試過的代碼。 – ahren

有可能與CSS（display:inline-block和white-space:nowrap）和jQuery（scrollLeft）

這裏混做給出按鍵信貸JavaScript是一種jsFiddle實現以最小的可能包裝。

2012-09-26 06:28:29

這太棒了，只有一個怪癖：.item divs內的內容（文本）超出了國界，有什麼方法可以解決這個問題嗎？ – toams7

沒關係，我添加了其他的空白標籤。另一件事：我可以用標籤激活該功能嗎？ – toams7

我對你在jsFiddle中發佈的代碼有點困惑。你說你想要沒有水平滾動條，但你的東西是這樣設置的。我使用水平滾動條，因爲這是你在代碼中使用的。

我在這裏做了一個工作函數 jsFiddle。要讓它在框架中工作，您需要將焦點放在「結果」窗口中（只需單擊任意位置），然後使用左右箭頭。

我必須從這個post

2012-09-26 05:57:36 ZombieCode

回答