如何使我的本地滚动偏移量使用此固定标题

Question

所以我几天来一直在使用 zurb 基金会的响应式模板设计这个网站......作为最后一刻的决定，我决定将标题 #header 修复......除了每个滚动事件标题下的内容幻灯片外，所有工作都相同。

我一生都无法弄清楚如何使偏移量正常工作?!?!

我正在使用jQuery本地滚动插件，就像这样

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

我尝试将偏移量：{top：} 参数更改为 60 和 -60，但我尝试的任何事情充其量都会给我一个不稳定的动画：-/

所以。。。我想也许我可以不用管.js并通过使用 css 将面板向下移动来修复它？或者也许是 #main 容器?...但是不...也做不到吗？

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

此处可能存在冲突的文件：

http://example.com/javascripts/foundation/jquery.offcanvas.jshttp://example.com/js/main2.js http://example.com/index.php

Answer 1

偏移量的语法为：

offset: -50

不：

offset {top:50}

这可能是问题所在。

Answer 2

只需在每张幻灯片的顶部添加填充即可解决...不是我想象的...但它有效！:)

Answer 3

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

太好了。试试吧。