フッターに固定されたサイドバーを停止する - 重複を防ぐ

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インデックスを与えるようにしてください。