jQuery Zebra_Pin Plugin Examples

Pin #1

I become pinned when I am at 10px from the window's top *and* I am constrained to my parent element's height.
 

Pin #2

I become pinned when I am at 10px from the window's top and I'll scroll with the document from that point onwards.
 

Pin #3

I am "hard" pinned: I am pinned to my initial position, and I stay like that forever.
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et felis eu metus ullamcorper facilisis nec at magna. Duis rhoncus suscipit dui nec varius. Mauris commodo fermentum varius. In hac habitasse platea dictumst. Aenean vestibulum diam nec dui lobortis, eu dictum felis volutpat. Nullam cursus sem in sem pulvinar tempor. Fusce eleifend purus magna, a fermentum justo scelerisque eu. Sed non semper urna, quis fermentum eros. Sed velit ante, eleifend eget arcu quis, interdum vehicula risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam feugiat massa nec sodales luctus. Morbi id tortor libero. Nulla id augue neque. Curabitur a mattis nunc. Nullam imperdiet dapibus dolor, eu hendrerit leo rhoncus vitae. Nam venenatis tellus neque. Sed molestie lacus sem, euismod porta velit vestibulum quis. Nullam hendrerit lacus vel tortor hendrerit, eget ornare lacus elementum. Nam nisl libero, euismod in accumsan a, sagittis iaculis nunc. Aliquam erat volutpat. Cras placerat mi pharetra purus aliquam dapibus id dapibus risus. Nulla imperdiet consectetur quam, id gravida libero interdum quis. Fusce at nisi enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec sapien vulputate dui fringilla blandit eu eget diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla suscipit, erat ac pharetra facilisis, sapien ante luctus libero, ac mattis nulla ligula a ex. Aliquam scelerisque quam quis tellus fermentum, at consequat purus lobortis. Nam sit amet dui venenatis, sagittis neque vel, tincidunt sapien. Nunc tortor dui, sagittis sit amet aliquet ac, auctor vel elit. Vestibulum rutrum gravida lectus, non dapibus sem cursus non. Cras bibendum ante vel elit eleifend, vel pretium nunc viverra. Donec tempus sit amet metus quis pulvinar. Curabitur magna diam, aliquet id purus fermentum, dapibus feugiat elit. Curabitur ligula massa, fermentum nec condimentum non, dignissim et urna. Proin finibus ligula enim, sed faucibus lorem pulvinar quis. Fusce at volutpat augue, rutrum varius risus. Quisque at lorem ut diam accumsan aliquam. Phasellus vel posuere arcu. Nullam aliquet porttitor sem eget viverra. Ut ut massa quis magna scelerisque lobortis vitae maximus mauris. Quisque dui felis, dictum ac nunc in, viverra rhoncus risus. Quisque sodales pharetra elit quis hendrerit. Praesent id commodo risus, quis vestibulum dolor. Pellentesque consectetur varius dui, sed placerat urna efficitur vel. Integer fringilla est ullamcorper magna porttitor, sit amet congue sem elementum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec risus elit, bibendum sed sapien sit amet, elementum maximus lectus. Aliquam et blandit neque, quis ultricies lorem. Curabitur facilisis dolor ut neque suscipit vulputate. Quisque eget ante vitae ex convallis consequat in in erat. Proin vitae velit massa. Sed rhoncus tempus leo, ac dictum eros. Nulla mattis ex sed sodales pellentesque. Proin vestibulum lectus posuere, rutrum ante sit amet, euismod massa. Morbi in ante sit amet leo consectetur fermentum. Sed justo risus, viverra eget ligula vitae, vestibulum aliquet augue. Integer in dictum lacus. Vestibulum lobortis molestie diam, et lacinia augue. Mauris sed efficitur mauris. Aliquam egestas pellentesque elit, id hendrerit metus imperdiet id. Curabitur volutpat sapien mi. Pellentesque mi nunc, fermentum ut lacinia at, luctus eu magna. Sed erat velit, convallis vitae nibh pellentesque, venenatis vehicula mauris. Maecenas pellentesque justo quis turpis eleifend hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et felis eu metus ullamcorper facilisis nec at magna. Duis rhoncus suscipit dui nec varius. Mauris commodo fermentum varius. In hac habitasse platea dictumst. Aenean vestibulum diam nec dui lobortis, eu dictum felis volutpat. Nullam cursus sem in sem pulvinar tempor. Fusce eleifend purus magna, a fermentum justo scelerisque eu. Sed non semper urna, quis fermentum eros. Sed velit ante, eleifend eget arcu quis, interdum vehicula risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam feugiat massa nec sodales luctus. Morbi id tortor libero. Nulla id augue neque. Curabitur a mattis nunc. Nullam imperdiet dapibus dolor, eu hendrerit leo rhoncus vitae. Nam venenatis tellus neque. Sed molestie lacus sem, euismod porta velit vestibulum quis. Nullam hendrerit lacus vel tortor hendrerit, eget ornare lacus elementum. Nam nisl libero, euismod in accumsan a, sagittis iaculis nunc. Aliquam erat volutpat. Cras placerat mi pharetra purus aliquam dapibus id dapibus risus. Nulla imperdiet consectetur quam, id gravida libero interdum quis. Fusce at nisi enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec sapien vulputate dui fringilla blandit eu eget diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla suscipit, erat ac pharetra facilisis, sapien ante luctus libero, ac mattis nulla ligula a ex. Aliquam scelerisque quam quis tellus fermentum, at consequat purus lobortis. Nam sit amet dui venenatis, sagittis neque vel, tincidunt sapien. Nunc tortor dui, sagittis sit amet aliquet ac, auctor vel elit. Vestibulum rutrum gravida lectus, non dapibus sem cursus non. Cras bibendum ante vel elit eleifend, vel pretium nunc viverra. Donec tempus sit amet metus quis pulvinar. Curabitur magna diam, aliquet id purus fermentum, dapibus feugiat elit. Curabitur ligula massa, fermentum nec condimentum non, dignissim et urna. Proin finibus ligula enim, sed faucibus lorem pulvinar quis. Fusce at volutpat augue, rutrum varius risus. Quisque at lorem ut diam accumsan aliquam. Phasellus vel posuere arcu. Nullam aliquet porttitor sem eget viverra. Ut ut massa quis magna scelerisque lobortis vitae maximus mauris. Quisque dui felis, dictum ac nunc in, viverra rhoncus risus. Quisque sodales pharetra elit quis hendrerit. Praesent id commodo risus, quis vestibulum dolor. Pellentesque consectetur varius dui, sed placerat urna efficitur vel. Integer fringilla est ullamcorper magna porttitor, sit amet congue sem elementum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec risus elit, bibendum sed sapien sit amet, elementum maximus lectus. Aliquam et blandit neque, quis ultricies lorem. Curabitur facilisis dolor ut neque suscipit vulputate. Quisque eget ante vitae ex convallis consequat in in erat. Proin vitae velit massa. Sed rhoncus tempus leo, ac dictum eros. Nulla mattis ex sed sodales pellentesque. Proin vestibulum lectus posuere, rutrum ante sit amet, euismod massa. Morbi in ante sit amet leo consectetur fermentum. Sed justo risus, viverra eget ligula vitae, vestibulum aliquet augue. Integer in dictum lacus. Vestibulum lobortis molestie diam, et lacinia augue. Mauris sed efficitur mauris. Aliquam egestas pellentesque elit, id hendrerit metus imperdiet id. Curabitur volutpat sapien mi. Pellentesque mi nunc, fermentum ut lacinia at, luctus eu magna. Sed erat velit, convallis vitae nibh pellentesque, venenatis vehicula mauris. Maecenas pellentesque justo quis turpis eleifend hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.