Question

我正在努力实现平滑的div滚动，特别是“Clickable Logo Parade”：http://www.smoothdivscroll.com/clickableLogoParade.html

我让它完全按照我想要的方式在一个空白页面中工作，但是当我将它插入我当前的布局时它无法正常工作......我假设某些东西正在干扰它？

任何帮助？

这是我添加到我的CSS中的内容：

#logoParade
{
width: 628px;
height: 75px;
position: relative;
}

#logoParade div.scrollableArea a
{
display: block;
float: left;
padding-left: 10px;
}

这是我添加的jQuery：

<script type="text/javascript">
$(document).ready(function() {
$("#logoParade").smoothDivScroll({ 
    autoScrollingMode: "always", 
    autoScrollingDirection: "endlessLoopRight", 
    autoScrollingStep: 1, 
    autoScrollingInterval: 25 
});

// Logo parade event handlers
$("#logoParade").bind("mouseover", function() {
    $(this).smoothDivScroll("stopAutoScrolling");
}).bind("mouseout", function() {
    $(this).smoothDivScroll("startAutoScrolling");
});

});
</script>

这些文件包括：

<script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>

<!-- Latest version (3.0.6) of jQuery Mouse Wheel by Brandon Aaron
     You will find it here: http://brandonaaron.net/code/mousewheel/demos -->
<script src="js/jquery.mousewheel.min.js" type="text/javascript"></script>

<!-- jQuery Kinectic (1.5) used for touch scrolling -->
<script src="js/jquery.kinetic.js" type="text/javascript"></script>

<!-- Smooth Div Scroll 1.3 minified-->
<script src="js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>

当然还有实际的jquery ..

我上传了我试图在这里实现它你可以看看： http://www.mintystudios.co.uk/clients/naghmeh/

这是一个空白页面的工作版本..： http://www.mintystudios.co.uk/clients/naghmeh/1/

任何人都知道为什么它不能在已实现的版本中运行？

Answer 1

这可以解决你的问题;用你的脚本替换它。

<SCRIPT type="text/javascript">

jQuery(function ($) {
    $("#logoParade").smoothDivScroll({ 
        autoScrollingMode: "always", 
        autoScrollingDirection: "endlessLoopRight", 
        autoScrollingStep: 1, 
        autoScrollingInterval: 25 
    });

    // Logo parade event handlers
    $("#logoParade").bind("mouseover", function() {
        $(this).smoothDivScroll("stopAutoScrolling");
    }).bind("mouseout", function() {
        $(this).smoothDivScroll("startAutoScrolling");
    });

});
    </SCRIPT>

Smooth Div Scroll未正确显示

1 个答案: