|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
var productPageHeaderOffsetTop = $('.product-page-header').offset().top; var productPageHeaderParent = $('.product-page-header').parent(); productPageHeaderParent.height($('.product-page-header').outerHeight()); $(window).on('scroll touchmove', function () { if ($(window).scrollTop() >= productPageHeaderOffsetTop) { $('.product-page-header').css({ 'position': 'fixed', 'top' : '0', 'width': '100%', 'z-index': '100', 'height' : productPageHeaderParent.outerHeight() }); } else { $('.product-page-header').removeAttr('style'); } }); |
|
1 2 3 |
<div class="product-page-header-wrapper"> <div class="product-page-header">[...]</div> </div> |