scrollTo仅限内部div

Question

我有一个带有两个滚动条的页面。我正在使用scrollTo jquery插件跳转到同一页面上的其他区域。问题是我只希望内部div为scrollTo，外部div保持在屏幕顶部。

Development site link click here

这是脚本

$(".jump > li").click(function() {
    var qu = $(this).attr("id");
    var an = "#" + qu.replace("q","a");

    // step 8
    $.scrollTo(an, {duration: 800, axis:"y"});
});

有什么想法吗？

Answer 1

您想在此处调用$.scrollTo();，而不是$(outerDivSelector).scrollTo()，而您还需要return false来阻止普通浏览器从链接的href属性跳转到该位置，像这样：

$(".jump > li").click(function() {
  var qu = $(this).attr("id");
  var an = "#" + qu.replace("q","a");
  $(".scroller").scrollTo(an, {duration: 800, axis:"y"});
  return false; //prevent the default link behavior
});