平滑滾動的div與div的包裝

所以...我使用這裏找到平滑滾動股利插件... http://www.smoothdivscroll.com/平滑滾動的div與div的包裝

這是簡單的實現......所以我使用觸摸例子唯一的區別是...我使用Divs而不是圖片...滾動瀏覽。

<div id="makeMeScrollable"> 
    <div class='item'>One</div> 
    <div class='item'>Two</div> 
    <div class='item'>Three</div> 
    <div class='item'>Four</div> 
    <div class='item'>Five</div> 
    <div class='item'>Six</div> 
    <div class='item'>Seven</div> 
    <div class='item'>Eight</div> 
    <div class='item'>Nine</div> 
    <div class='item'>Ten</div> 
</div>

我的JS在這裏

$(document).ready(function() { 
    $("#makeMeScrollable").smoothDivScroll({ 
    hotSpotScrolling : false, 
    touchScrolling : true, 
    manualContinuousScrolling : false, 
    mousewheelScrolling : false 
});

CSS

.item { 
    height: 35px; 
    width: 245px; 
} 

#makeMeScrollable { 
    width: 100%; 
    position: relative; 
    border: solid 1px black; 
    margin: 43% 0% 0% 0%; 
} 

#makeMeScrollable div.scrollableArea div { 
    position: relative; 
    display: block; 
    float: left; 
    margin: 0; 
    padding: 0; 
    border: black solid 1px; 
    color: white; 
    background-color: #1E90FF; 
    text-align: center; 
}

的問題是，當我做到這一點...我前九周的div ......此起彼伏。 ..到約6，我可以點擊並滾動查看其餘。截至9 ...問題是，股利10 是出於某種原因纏繞，是事業部1底下

這樣做的原因，我相信是因爲被放在周圍我10周的div的scollableArea包裝DIV調用可滾動的函數是幾個像素太短。它設置爲自動，所以它應該（我假設）自動設置自己足夠大...

我想我可以破解它並動態擴展它幾個像素，它會很好...因爲我試圖在Chrome開發者提高其像素...

所以呀... ID發佈的截圖......但是我不能......因爲我是新洛爾

來源

2013-01-11 Coldham

'div.scrollableArea'在哪裏？ – Mooseman

div.scrollableArea是一個封裝div，該插件提供了我的10個div。 – Coldham

做任何事情發生，如果你從CSS中刪除邊框？

#makeMeScrollable div.scrollableArea div { 
    position: relative; 
    display: block; 
    float: left; 
    margin: 0; 
    padding: 0; 
    border: none; 
    color: white; 
    background-color: #1E90FF; 
    text-align: center; 
}

是否有可能給div的固定寬度？例如：

#makeMeScrollable div.scrollableArea div { 
    position: relative; 
    display: block; 
    float: left; 
    margin: 0; 
    padding: 0; 
    border: black solid 1px; 
    color: white; 
    background-color: #1E90FF; 
    text-align: center; 
    width: 300px; 
}

來源

2013-02-18 07:32:38 tkahn

平滑滾動的div與div的包裝

回答

相關問題