Feste Seitenleiste an der Fußzeile anhalten - Überlappung vermeiden

Question

Eine Seitenleiste wird nach 400 Pixel von oben fixiert. Deshalb verwende ich diesen Code auf dem Stack gefunden:

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

Der Code funktioniert großartig. Die Seitenleiste überlappt jedoch die Fußzeile. Wie kann ich das verhindern?

Ich habe einen Code ausprobiert, den ich hier ohne Erfolg gefunden habe.

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

Ich bin ziemlich sicher, dass ich einen Fehler beim Mischen des Codes gemacht.

Danke für Hilfe.

Answer 1

Versuchen Sie, dem Element, das oben angezeigt werden soll, einen größeren Z-Index zu geben.