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