在页脚处停止固定的侧边栏-防止重叠

Question

从顶部起400像素后，侧边栏将变为固定。 因此，我使用在堆栈上找到的以下代码：

<div id="gettop"></div>

<script type="text/javascript">
jQuery(function($) {
function fixDiv() {
var $cache = $('#gettop');
if ($(window).scrollTop() > 400)
  $cache.css({
    'position': 'fixed',
    'top': '8px',
    'margin-left': '20px',
    'border': '1px solid #ccc'
  });
else
  $cache.css({
    'position': 'relative',
    'top': 'auto'
  });
}
$(window).scroll(fixDiv);
fixDiv();
});

该规范的效果很好。 但是侧边栏与页脚重叠。 我该如何预防？

我尝试了一些在这里找到的代码，但没有成功。

如何防止固定按钮重叠页脚区域并将按钮停在页脚所在的顶部

在页脚处停止固定位置

固定div滚动停止处的侧边栏

我很确定，在混合代码时我犯了一个错误。

感谢帮助。

Answer 1

尝试为要放在顶部的元素赋予更大的z-index。