私の場合、機能しないという問題があります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
どんな助けでもいただければ幸いです。
ありがとう。