|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div id="pageStickyHeader" class="row page-StickyHeader"> <div class="col-lg-2"> <img src="image/logoCALL-new.jpg" alt="" class="img-responsive" /> </div> <div class="col-lg-8"> <form class="form-inline"> <label for="input-id" class="sr-only">Rechercher un produit</label> <input type="text" name="" id="input" class="form-control" value="" required="required" pattern="" title="" placeholder="Rechercher un produit"> <button type="submit" class="btn btn-default"><i class="glyphicon glyphicon-search"></i><span class="sr-only">Rechercher</span></button> </form> </div> <div class="col-lg-2">Favoris | Panier</div> </div> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
// Partie sticky du bandeau let $pageStickyHeader = $('#pageStickyHeader'); let $pageStickyHeaderWidth = $('#pageStickyHeader').width(); $pageStickyHeader .affix({ offset: { top: 100, bottom: function () { return (this.bottom = $('#pageFooter').outerHeight(true)) } } }) .on('affix.bs.affix', function() { $(this).css('width', $pageStickyHeaderWidth); }) .on('affix-top.bs.affix', function() { $(this).removeAttr('style'); }); // Fin: Partie sticky du bandeau |
|
1 2 3 4 5 |
.page-StickyHeader.affix { top: 0px; z-index: 100; background: #fff; } |