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

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();
});

守则很有效。但是侧边栏与页脚重叠。我该如何防止这种情况？

我尝试了一些我在这里找不到的代码。

How to prevent fixed button from overlapping footer area and stop the button on top of where the footer is located

Stop fixed position at footer

Fixed sidebar on the scroll stop at div

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

感谢您的帮助。

Answer 1

尝试为你想要的元素提供更大的z-index。