2

这是我尝试在其上实现的页面。

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

我有一个自定义脚本，其中计算出所有图像的宽度，将其加起来，然后设置该页面的宽度......我希望能够设置顶部的箭头以滚动到下一个 div （ div.portfolioImage）。

我已经尽我所能地关注了 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

If that doesn't work try seeing jQuery.ScrollTo / jQuery.SerialScroll Horizontal Scrolling

于 2010-04-28T06:45:48.530 回答