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/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 に答える