Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // Create a clone of the menu, right next to original.
- $('.menu').addClass('original').clone().insertAfter('.menu').addClass('cloned').css('position','fixed').css('top','0').css('margin-top','0').css('z-index','500').removeClass('original').hide();
- scrollIntervalID = setInterval(stickIt, 10);
- function stickIt() {
- var orgElementPos = $('.original').offset();
- orgElementTop = orgElementPos.top;
- if ($(window).scrollTop() >= (orgElementTop)) {
- // scrolled past the original position; now only show the cloned, sticky element.
- // Cloned element should always have same left position and width as original element.
- orgElement = $('.original');
- coordsOrgElement = orgElement.offset();
- leftOrgElement = coordsOrgElement.left;
- widthOrgElement = orgElement.css('width');
- $('.cloned').css('left',leftOrgElement+'px').css('top',0).css('width',widthOrgElement).show();
- $('.original').css('visibility','hidden');
- } else {
- // not scrolled past the menu; only show the original menu.
- $('.cloned').hide();
- $('.original').css('visibility','visible');
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement