jQuery scrollTo 固定页头偏移量

Question

15

我正在使用jQuery scrollTo插件，正如您在我正在构建的页面上所看到的http://portfolio.tomvervoort.net/

由于有一个固定的300像素的标题栏，内容会移动到标题栏下面。当您点击菜单中的“关于”按钮时，您可以清楚地看到这一点。是否可能在scrollTo脚本中添加一个300像素的偏移量，以便所有内容都保持在标题栏/菜单下方位置？

- Tom

请问能否提供问题中的代码，这样下面的简略回答才有意义！ - Chris Pink

2个回答

21

你可以尝试修改jquery.nav.js文件中的这一行：

$.scrollTo(newLoc, o.scrollSpeed, {

到

$.scrollTo($('newLoc').offset().top-300, o.scrollSpeed, {

所以，与其让 scrollto 准确地滚动到该元素，你要自己获取元素的位置并将其减去 300。

- Andy

太棒了，运行得非常顺利！ - Tom

1

没有上下文的情况下没有意义。 - Chris Pink

@ChrisPink 我认为即使问题中提到的网站已经不再在线，从答案中也不难理解上下文。 - Andy

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ariel Flesler · Accepted Answer

你可以使用如下所述的"offset"设置：http://flesler.blogspot.com.ar/2007/10/jqueryscrollto.html。类似这样：

$.scrollTo(newLoc, o.scrollSpeed, {
     // ...
     offset:-300
});