Hi,
Your way does not stop the widget area. Only the illusion of passing behind the footer.
It should be possible to stop the sticky effect, when the widget area touches the footer.
In this example code we see that the effect is stop at an ID
https://github.com/AndrewHenderson/jSticky
<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"
});
});
Hi,
Your way does not stop the widget area. Only the illusion of passing behind the footer.
It should be possible to stop the sticky effect, when the widget area touches the footer.
In this example code we see that the effect is stop at an ID
https://github.com/AndrewHenderson/jSticky
<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"
});
});