到目前为止,我一直在尝试寻找解决方案但无济于事,但基本上我遇到了这个问题,我试图将我的移动内容向下推送并使其停留在移动界面下方。当我点击按钮时,这个问题仍然存在,但界面 anchor 一直与我的内容标题重叠,而不是停在内容标题本身上方。
这是供您引用的 JS Fiddle:jsfiddle.net/r936zwe1/
我还尝试通过插入 padding-top 并调整主体 CSS 来向下插入主体,但它似乎不起作用,内容的顶部一直停在最顶端,而不是停在移动界面的正下方.
感谢任何帮助,谢谢!
最佳答案
如果我理解正确的话,您希望确保当单击页眉中的链接并且页面动画时,页眉不会与其滚动到的部分的内容重叠。
如果是这种情况,则只需减去标题的高度,例如:
'scrollTop': $target.offset().top-$('.dock-top').height()
根据您当前的 CSS 标记,您可能需要尝试使用其他偏移整数,但这应该会让您朝着正确的方向前进。
关于jquery - 如何防止移动端界面头部与内容重叠,同时保证内容始终保持在界面下方?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27122256/