0

我正在尝试实现平滑的 div 滚动，特别是“可点击徽标游行”：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/

任何人都知道为什么它在实施的版本中不起作用？

4

1 回答 1

0

这应该可以解决您的问题；用你的脚本替换它。

<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>
于 2012-10-27T17:53:57.740 回答