A sidebar becomes fixed after 400 pixels from top. Therefore I use this code found on stack:
<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();
});
The Code works great. But the sidebar is overlapping the footer. How can I prevent this?
I tried some code I found here without success.
Fixed sidebar on the scroll stop at div
I am quite sure, that I made a mistake in mixing the codes.
Thanks for help.
尝试为要放在顶部的元素赋予更大的z-index。
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.