How to stop sticky side over floating the footer section?


#1

hello, everyone!

I installed sticky sidebar plugin on my blog, what happens with that widget is it overlapping the footer content!

i want to stop it from overlapping the footer widget when user scrolls down to the footer

How can i achieve it by not overlapping the footer content ?

thanks in advance

SamaraSsr


#2

hey there! @technohalf help here too…


#3

add this css in your blog

#bottombar , #footer-wrapper {
    z-index: 4;
    position: relative;
}
.sticky {
z-index:3;
}

This will solve your problem :wink:


#4

that one didnot helped after adding in css

sidebar going into the footer


#5

This is the only way you can stop it overlap. and this is okay I think. The sidebar’s not going in the footer only sticky widget is going _


#6

I can stop it from overlapping from bottom in javascript but have no time test it. Not to worry about use this simple plugin to do your job JSticky. Coded as per your website

<script type="text/javascript" src="jquery.min.js"></script>
	<script type="text/javascript" src="jquery.jsticky.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#HTML1").sticky({
				topSpacing: 58,
				zIndex:2,
				stopper: "#bottombar"
			});

		});

</script>

Here is the link https://github.com/AndrewHenderson/jSticky