Question

所以这是我的问题。

我在我的网页上使用smoothdDivScrolling。

由于某种原因，包含我要滚动的所有项目的Scrollable区域总是比实际内容大。

因此，当我到达可滚动区域中的最后一项时，它会保持滚动为空。它接缝smoothdivscrolling自动调整可滚动区域的宽度为我需要的值的两倍！

现在你可能想要一些代码来看我的意思......

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

这是我在

中的项目

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

当然，我有一个以上。它们按预期滚动

现在我的figure元素的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;
}

他们正在展示核心。现在我想知道为什么我的可滚动区域是我内容的两倍。

我的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"
});

如果您想查看更多我的代码，请告诉我我真的想要解决这个问题。

谢谢

Answer 1

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

JQuery Smooth Div Scrolling

1 个答案: