jquery - 如何使我的本地滚动偏移与此固定标题一起使用？

Question

所以我已经用 zurb 基金会的响应模板设计这个网站几天了...作为最后一分钟的决定，我决定修复标题 #header...除了每个滚动的标题下的内容幻灯片之外，一切都一样事件。

我一生都无法弄清楚如何使偏移正常工作？！？！

我正在使用 jQuery localscroll 插件，就像这样

$.localScroll({hash:true, offset: {top: 65},duration: 1000,easing:'easeInOutExpo'});

我曾尝试将偏移量：{top:} 参数更改为 60 和 -60，但我尝试的任何东西充其量都会给我一个摇晃的动画：-/

所以...我想也许我可以不理会 .js 并通过使用 css 将面板向下移动来修复它？或者可能是#main 容器？...但是不...不能让它工作吗？

所以我正在寻找一种方法来修复本地滚动偏移......或者......以某种方式向下移动所有内容以适应#header？

此处可能存在冲突文件：

score 3 · Accepted Answer

3

偏移量的语法是：

offset: -50

不是：

offset {top:50}

这可能是问题所在。

于 2013-06-03T21:12:35.387 回答

score 1 · Accepted Answer

通过简单地在每张幻灯片的顶部添加填充来解决......不是我想象的......但它有效！:)

score 0 · Accepted Answer

我遇到了同样的问题，即使修复了语法，也无法让 localScroll 工作。我最终切换到另一个工具，[SmoothScroll]：https ://github.com/cferdinandi/smooth-scroll#readme

太棒了。尝试一下。

3 回答 3