Stalker Plugin Demo

HTML

<script src="https://rawgit.com/box/stalker/master/jquery.stalker.js"></script>
<p id="directions">Scroll down!  The blue bar below will follow you as you pass it scrolling down, and will return to its original position as you scroll back up.</p>

<div class="stalker">This element will get picked up as you scroll past it, and will stick to the top of the window.</div>

<p>Maecenas lacinia ligula eget enim pulvinar facilisis vel sit amet sem. Maecenas aliquet odio nec ipsum iaculis cursus. Praesent ut urna at mauris ultrices accumsan. Nulla facilisi. Sed viverra mi eu tortor eleifend sit amet dictum augue gravida. Nunc id felis at purus rhoncus dictum sed vel libero. Fusce dolor felis, tincidunt nec sagittis ut, sagittis et mauris. Proin eget lectus vel libero malesuada ultrices. Donec iaculis dui id ante consectetur commodo. Nunc euismod sem sit amet ligula lacinia venenatis. Donec iaculis sagittis convallis. Nullam tempus fringilla libero, et rhoncus risus dignissim ut. Proin tempus, sem vel porta scelerisque, est orci pretium magna, vitae placerat dolor est faucibus enim. Fusce imperdiet auctor lacus eget luctus. Ut lacus purus, vestibulum sed pulvinar vitae, suscipit sed lorem. Quisque fringilla, nulla et imperdiet blandit, lectus lorem convallis mi, ut aliquam ante est non nisi.</p>

<p>Curabitur vitae elit eu eros congue tempus. Donec sed vulputate dolor. Proin tristique, est at facilisis pharetra, neque erat blandit dolor, eu consectetur augue lacus eget dui. Quisque non velit sit amet nibh tristique iaculis. Suspendisse potenti. Proin quis molestie neque. Sed justo sem, convallis in pretium a, sagittis non ligula. Aliquam nec elit velit. Quisque lobortis sem at dui malesuada mattis quis eu sem. Aliquam auctor sodales elit a ultricies. Nunc ac mi tincidunt erat dapibus posuere. Nullam nec sodales purus.</p>

<p>Praesent nisl mi, tempus vitae tempus eu, sagittis id ante. In id nulla diam. Sed neque enim, interdum non mattis in, mattis sed felis. Mauris nibh...

CSS

p {
    margin: 10px 5px;
    line-height: 1.4;
}

#directions {
    background: #ccc;
    padding: 5px;
}

.stalker {
    width: 100%;
    color: #fff;
    background: #267BB6;
    font-weight: bold;
}

JavaScript

$('.stalker').stalker();