sticky 2

by Cosette Girardot

HTML

<div class="style2info"><!-- sticky -->
		<div class="anchornav">
			<p>sticky?</p></div>
	</div>

CSS

.style2info { 
	margin-top: 170px;
	height: 3800px;
	background-color: #6B6B6B;
	margin-left: 59px;
    width: 70px;
    position: relative;
}
.anchornav {
	height: 30px;
	width: 25px;
    position: absolute;
}
.anchornav.fixing {
	position: fixed;
	top: 0px;
	}

JavaScript

var win      = $(window),
    fxel     = $('.anchornav'),
    eloffset = fxel.offset().top;

win.scroll(function() {
    if (win.scrollTop() > eloffset) {
        fxel.addClass("fixing");
    } else {
        fxel.removeClass("fixing");
    }
});