将上边距/填充添加到scrollTo偏移

Question

我在我的网站上使用nanoScroller滚动窗格。我正在使用scrollTo方法来确保当前菜单项在视图中。问题是，我想在顶部添加一些边距/填充。

以下是这个想法：http://glui.me/?i=ztaxq7lveq1gkil/2014-08-05_at_10.22_AM.png/

这是默认值：

$(".nano").nanoScroller({ scrollTo: $('.current_page_item') });

我尝试过这样的事情：

$(".nano").nanoScroller({ scrollTo: $('.current_page_item').parent() });

或

$(".nano").nanoScroller({ scrollTo: $('.current_page_item').prev() });

但他们不可靠。我想做点什么：

$(".nano").nanoScroller({ scrollTo: $('.current_page_item') + 100px });

我试过

$(".nano").nanoScroller({ scrollTo: $('.current_page_item').offset({ top: 100 )} });

但这也不起作用。有任何想法吗？

Answer 1

我认为你可以做到：

var nargin_top = 50;
$(".nano").nanoScroller({ scrollTop: $('.current_page_item').offset().top - nargin_top });

你真的不需要nanoScroller