Démo Header avec le paramètre data-threshold

L'en-tête ci-haut ne disparaîtra qu'à partir de 50% de défilement.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus iaculis pulvinar. Praesent faucibus rutrum leo. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vulputate sodales risus, in euismod libero blandit fermentum. Mauris vitae eros augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Integer commodo rutrum purus, at sollicitudin turpis ultricies in. Nunc commodo eu enim rhoncus blandit. Integer non augue vel mi dictum cursus. Sed non suscipit felis. Cras id eros augue. In hac habitasse platea dictumst.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus iaculis pulvinar. Praesent faucibus rutrum leo. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vulputate sodales risus, in euismod libero blandit fermentum. Mauris vitae eros augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Integer commodo rutrum purus, at sollicitudin turpis ultricies in. Nunc commodo eu enim rhoncus blandit. Integer non augue vel mi dictum cursus. Sed non suscipit felis. Cras id eros augue. In hac habitasse platea dictumst.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus iaculis pulvinar. Praesent faucibus rutrum leo. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vulputate sodales risus, in euismod libero blandit fermentum. Mauris vitae eros augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Integer commodo rutrum purus, at sollicitudin turpis ultricies in. Nunc commodo eu enim rhoncus blandit. Integer non augue vel mi dictum cursus. Sed non suscipit felis. Cras id eros augue. In hac habitasse platea dictumst.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus iaculis pulvinar. Praesent faucibus rutrum leo. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vulputate sodales risus, in euismod libero blandit fermentum. Mauris vitae eros augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Integer commodo rutrum purus, at sollicitudin turpis ultricies in. Nunc commodo eu enim rhoncus blandit. Integer non augue vel mi dictum cursus. Sed non suscipit felis. Cras id eros augue. In hac habitasse platea dictumst.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus iaculis pulvinar. Praesent faucibus rutrum leo. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vulputate sodales risus, in euismod libero blandit fermentum. Mauris vitae eros augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Integer commodo rutrum purus, at sollicitudin turpis ultricies in. Nunc commodo eu enim rhoncus blandit. Integer non augue vel mi dictum cursus. Sed non suscipit felis. Cras id eros augue. In hac habitasse platea dictumst.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus iaculis pulvinar. Praesent faucibus rutrum leo. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vulputate sodales risus, in euismod libero blandit fermentum. Mauris vitae eros augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Integer commodo rutrum purus, at sollicitudin turpis ultricies in. Nunc commodo eu enim rhoncus blandit. Integer non augue vel mi dictum cursus. Sed non suscipit felis. Cras id eros augue. In hac habitasse platea dictumst.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus iaculis pulvinar. Praesent faucibus rutrum leo. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vulputate sodales risus, in euismod libero blandit fermentum. Mauris vitae eros augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Integer commodo rutrum purus, at sollicitudin turpis ultricies in. Nunc commodo eu enim rhoncus blandit. Integer non augue vel mi dictum cursus. Sed non suscipit felis. Cras id eros augue. In hac habitasse platea dictumst.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus iaculis pulvinar. Praesent faucibus rutrum leo. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vulputate sodales risus, in euismod libero blandit fermentum. Mauris vitae eros augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Integer commodo rutrum purus, at sollicitudin turpis ultricies in. Nunc commodo eu enim rhoncus blandit. Integer non augue vel mi dictum cursus. Sed non suscipit felis. Cras id eros augue. In hac habitasse platea dictumst.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus iaculis pulvinar. Praesent faucibus rutrum leo. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vulputate sodales risus, in euismod libero blandit fermentum. Mauris vitae eros augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Integer commodo rutrum purus, at sollicitudin turpis ultricies in. Nunc commodo eu enim rhoncus blandit. Integer non augue vel mi dictum cursus. Sed non suscipit felis. Cras id eros augue. In hac habitasse platea dictumst.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus iaculis pulvinar. Praesent faucibus rutrum leo. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vulputate sodales risus, in euismod libero blandit fermentum. Mauris vitae eros augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Integer commodo rutrum purus, at sollicitudin turpis ultricies in. Nunc commodo eu enim rhoncus blandit. Integer non augue vel mi dictum cursus. Sed non suscipit felis. Cras id eros augue. In hac habitasse platea dictumst.