jquery - 使用百分比 % 滚动到顶部 .offset()

Question

我只是为了滚动页面而写的，它工作正常并且做了它应该做的事情..

$('#nav a').click(function(){

var sid = $(this).attr('id');

$('html,body').animate({
 scrollTop: $('#'+ sid +'-content').offset().top - 200}, 1000);
  return false;
});

..但我希望偏移量按 % 而不是 px 计算

即而不是

top - 200 

可能是

top - 30%

有什么想法可以实现这一点吗？

一如既往地感谢任何帮助，并提前致谢。

快速编辑:

当前的 3 个答案(谢谢)似乎每次都会成倍增加，这不是我想要的，我希望每次都有 30% 窗口高度的恒定间隙，以便每次 #id-content 滚动到顶部与我拥有的固定定位侧边栏对齐。

我当前的代码留下了 200px 的间隙，但这会导致不同显示器/浏览器尺寸的问题，而使用 % 可以解决这个问题。

Answer 1

以下命令将始终将框定位在距顶部 60% 的位置:

var offset = parseInt($('#example').offset().top);
var bheight = $(window).height();
var percent = 0.6;
var hpercent = bheight * percent;
$('html,body').animate({scrollTop: offset - hpercent}, 1000);