2

これが私がそれを実装しようとしているページです。

www.yosoh.com/2010/advertising/beyond/

すべての画像の幅を計算し、それを合計してから、そのページの幅を設定するカスタムスクリプトがあります...上部にある矢印を設定して、次のdivにスクロールできるようにしたいと思います( div.ポートフォリオ画像)。

私は Ariel Fischer のデモとドキュメンテーションをできる限りフォローしてきました...しかし、何かが私を逃れ続けています。ページの読み込み時にようやく「動き」が発生しました..しかし、実を言うと、問題の原因がhtml構造、cssスタイル、またはserialScrollの実装であるかどうかはわかりません。

ボタンのコードは次のとおりです。

<ul id="portfolioNav">
<li><a href="" id="prev">&larr;</a></li>
<li><a href="" id="next">&rarr;</a></li>
</ul>

現在のスクリプトは次のとおりです。

$('#mainContent').css('overflow', 'hidden');
$('#mainContent').serialScroll({
  items:'.portfolioItem',
  prev:'a#prev',
  next:'a#next',
  axis: 'x',
  duration:1200,
  force:true,
  stop:true,
  lock:false,
  easing:'easeOutQuart',
  jump: true
 });
4

2 に答える 2

1

行を取り出してみてくださいeasing:'easeOutQuart',- 入れるのは少しばかげています。デモページのソースの上部を確認すると、それがイージングプラグインから取得したカスタム関数であることがわかります。その関数が見つからない場合、全体物が壊れます。

于 2010-03-23T12:08:20.817 に答える
0

それでもうまくいかない場合は、jQuery.ScrollTo / jQuery.SerialScroll Horizo​​ntal Scrollingを見てみてください

于 2010-04-28T06:45:48.530 に答える