我如何防止手机接口头从与内容重叠，同时保证了界面下方的内容停留在任何时候？

Question

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

这里的JS小提琴供你参考：jsfiddle.net/r936zwe1/

我也试图通过插入填充，顶部和周围的调整机体CSS推体向下，但它似乎没有工作，和内容的顶部始终停在最顶端，而不是停在移动界面的正下方。

任何帮助表示赞赏，谢谢！

Answer 1

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

如果是这样的话，那么简单地减去头的高度，比如：

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

您可能需要尝试其他偏移鉴于你目前的CSS标记整数，但这应该把你的正确的方向。

jsFiddle