jquery - 如何防止移动端界面头部与内容重叠，同时保证内容始终保持在界面下方？

Question

到目前为止，我一直在尝试寻找解决方案但无济于事，但基本上我遇到了这个问题，我试图将我的移动内容向下推送并使其停留在移动界面下方。当我点击按钮时，这个问题仍然存在，但界面 anchor 一直与我的内容标题重叠，而不是停在内容标题本身上方。

这是供您引用的 JS Fiddle:jsfiddle.net/r936zwe1/

我还尝试通过插入 padding-top 并调整主体 CSS 来向下插入主体，但它似乎不起作用，内容的顶部一直停在最顶端，而不是停在移动界面的正下方.

感谢任何帮助，谢谢!

Answer 1

如果我理解正确的话，您希望确保当单击页眉中的链接并且页面动画时，页眉不会与其滚动到的部分的内容重叠。

如果是这种情况，则只需减去标题的高度，例如:

'scrollTop': $target.offset().top-$('.dock-top').height()

根据您当前的 CSS 标记，您可能需要尝试使用其他偏移整数，但这应该会让您朝着正确的方向前进。

jsFiddle