jquery - 仅滚动到内部 div

Question

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

开发网站链接点击这里

这是脚本

$(".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
});