2

私の場合、機能しないという問題がありますjquery.serialScroll

id=ticker基本的にスクロールティッカーのように機能するdivがあります。このようなもの-http: //www.tinymassive.com/(何が起こっているセクション)。だから私は動的コンテンツをdivid=tickerの前に追加していて、リンクに示されているようにアニメーションを上から下にスクロールしたいと思っています。

$('#ticker').serialScroll({
                    items:'div',
                    duration:50000,
                    force:false,
                    axis:'y',
                    easing:'linear',
                    lazy:true,
                    interval:1, 
                    step:2 
                    });

上記のコードが機能しているとは思わないでください。コメントしても、動作に変化は見られません。

divid=tickerは、別のdivに含まれている別のdivに含まれています。基本的には、4〜5レベルのツリーのような構造と考えてください。

body-> div [id =wrapper]-> div [class = main]-> div [class = content]-> div [class = frame]-> div [class = bg]-> div [class = primary-content ]-> div [id = ticker]

これがcssです...

#wrapper {
 width: 942px;
 margin: 0 auto;
 position:relative;
 overflow:hidden;
}

.main{
 width:942px;
 margin:163px 0 0;
 overflow:hidden;
}

.content{
 background:url(../images/content-bg.gif) repeat-y;
 overflow:hidden;
 width:662px;
 float:left;
}

.frame{
 background:url(../images/frame-bg.gif) no-repeat 0 0;
 width:662px;
}

.bg{
 background:url(../images/bg-bg.gif) no-repeat 0 100%;
 width:662px;
 overflow:hidden;
}
.primary-content{
 padding: 12px 20px 40px 22px;
 width:620px;
 overflow:hidden;
}

#ticker {
    overflow: hidden;
}

また、それが役立つ場合-ティッカーdivには、div[class=breadcrumps]スクロールしようとしているのリストが含まれています

.breadcrumbs{
 border-bottom:1px solid #ebebeb;
 padding:6px 0 6px 0;
 overflow:hidden;
 clear:both;
}

私が見ているのは-アイテムが先頭に追加されているのは見えますが、アニメーション/効果は見えません。実際、.serialScrollはまったく影響を与えていないようです。

次のjsファイルを含めました。--jquery.serialScroll-1.2.2-min.js--jquery.scrollTo-1.4.2-min.js-そして明らかにjquery142

どんな助けでもいただければ幸いです。

ありがとう。

4

0 に答える 0