JQuery Smooth Div Scrolling

Question

Итак, вот моя проблема.

Я использую smoothdDivScrolling на своей странице.

По какой-то причине область прокрутки, содержащая все элементы, которые я хочу прокрутить, всегда больше, чем фактическое содержимое.

Так что, когда я добираюсь до последнего элемента в области с прокруткой, он продолжает прокручиваться. Он швы, что smoothdivscrolling auto настраивает ширину прокручиваемой области в два раза больше, чем мне нужно!

Теперь вы, вероятно, хотите какой-то код, чтобы увидеть, что я имею в виду так ...

<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. Теперь мне было интересно, почему моя область с прокруткой вдвое превышает размер моего контента.

CSS моей scrolable области:

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

Как вы можете видеть, что я не обеспечивают значение ширины, но даже если я делаю, и если нет Mather его фиксированное значение или значение авто. Результат всегда один и тот же.

Вот линия, призыв к smoothdivscrolling

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

Если вы хотели бы видеть больше моего кода, пожалуйста, дайте мне знать, я действительно хочу, чтобы получить это исправлено.

Спасибо

Answer 1

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