JQuery Smooth Div滾動

我在頁面上使用了smoothdDivScrolling。

出於某種原因，包含我想要滾動的所有項目的可滾動區域始終大於實際內容。

所以當我到達可滾動區域中的最後一項時，它會一直滾動爲空。它接縫smoothdivscrolling自動調整滾動區域的寬度是我需要的值的兩倍！

現在，你可能想一些代碼，看看我的意思是這樣......

<figure id='block$id'> 
<img src='$img' alt='image $name' /> 
<h2>$name</h2> 
</figure>

這是我

<div class="scrollableArea"></div>

我有項目，當然我有一個以上。和他們滾動預期

現在我的身材元素的CSS代碼如下

figure { 

    display:block; 
    position: relative; 
    float:left; 
    vertical-align:top; 
    width:172px; 
    height:125px; 
    background:rgba(255,255,255,0.2); 
    border:12px solid rgba(255,255,255,0.2); 
    -moz-border-radius:8px; 
    -webkit-border-radius:8px; 
    border:1px solid #000000; 
    border-radius:8px; 
    -moz-box-shadow:1px 1px 13px #999; 
    -webkit-box-shadow:1px 1px 13px #999; 
    box-shadow:1px 1px 13px #999; 
    margin:5px; 
    margin-top:30px; 
    padding-left:0px; 
    padding-right:0px; 
    margin-bottom:5px; 
    -webkit-transition: all .5s; 
    -moz-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s; 
    z-index:199; 
}

它們顯示corectly。現在我想知道爲什麼我的可滾動區域是我內容大小的兩倍。

我scrolable面積的CSS：

div.scrollableArea 
{ 
    display: block; 
    position:relative; 
    float:left; 
    margin:0px; 
    padding:0px; 
    height:190px; 
    border:1px solid #000000; 
}

正如你可以看到，我不提供寬度值，但即使我做，沒有馬瑟如果它是一個固定值或自動值。結果總是一樣的。

這裏是呼籲smoothdivscrolling

$("div#makeMeScrollable").smoothDivScroll({ 
autoScroll: "onstart", 
autoScrollDirection: "backandforth", 
autoScrollStep: 2, 
autoScrollInterval: 15, 
startAtElementId: "startme", 
visibleHotSpots: "always" 
});

如果你想看到更多的我的代碼，請讓我知道我真的想要得到這個固定的線路。

謝謝

來源

2015-01-26 MadeInDreams

反正你可以鏈接到網頁？還是一個主意/筆？ – 2015-01-26 20:05:44

madeindreams.ca – MadeInDreams 2015-01-26 20:17:08

它看起來像是將寬度加倍。 – 2015-01-26 20:24:08

$(window).load(function(){ 
    var initialW = $('selector').width(); 
    $('selector').css('width', initialW/2); 
});

來源

2015-01-27 16:50:35

雖然這個答案是有效的，但解釋可能會更好。請參閱[幫助中心]>如何編寫一個好的答案？（http://stackoverflow.com/help/how-to-answer）：*簡潔是可以接受的，但更全面的解釋是更好的*。 – 2015-01-27 17:24:01

我真的很喜歡那個，但沒有。它不工作。我已經用DIV的ID替換選擇器，並嘗試用css類的名稱替換它們，但它們都不起作用。沒有mather什麼寬度，我給scrollableArea它永遠不會改變。我認爲這與我的中心我的網頁（800px）到另一個DIV的方式通過使用margin auto;因此，任何看着我的網頁的人都會看到它800px wie在他們解決問題的中心 – MadeInDreams 2015-01-27 18:32:21

JQuery Smooth Div滾動

回答

相關問題