Question

这是我试图实现它的页面。

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
 });

Answer 1

尝试取出行easing:'easeOutQuart', - 这是一个愚蠢的事情，如果你检查演示页面源的顶部你可以看到它是一个自定义函数取自缓动插件所以如果功能没有找到，整个事情就会破裂。

Answer 2

如果这不起作用，请尝试查看jQuery.ScrollTo / jQuery.SerialScroll Horizontal Scrolling

很难将jquery serialScroll实现到网站。需要帮忙！

2 个答案: