fix(sticky main menu): corrige le comportement en cas de resize; participe à #1

develop
François Poulain 2018-12-10 20:19:36 +01:00 commité par François Poulain
Parent 29f6667a95
révision dd2187cd8e
2 fichiers modifiés avec 5 ajouts et 3 suppressions

1
.gitattributes externe
Voir le fichier

@ -2,4 +2,5 @@ biohdf/static/css/app.css.map -diff
biohdf/static/css/app.min.css -diff
biohdf/static/css/app.css -diff
biohdf/static/js/app.js -diff
biohdf/static/js/app.min.js -diff
biohdf/static/js/app.js.map -diff

Voir le fichier

@ -3,15 +3,16 @@ import $ from 'jquery';
$(() => {
const navbar = $('.mainmenu');
const sticky = navbar.offset().top;
let width = navbar.width();
let width = navbar.parent().width();
$(window).resize(() => {
width = navbar.width();
width = navbar.parent().width();
$(window).trigger('scroll');
});
$(window).scroll(() => {
if (window.pageYOffset >= sticky) {
navbar.css('width', `calc(${width}px + 2rem)`);
navbar.css('width', `${width}px`);
navbar.addClass('sticky');
} else {
navbar.removeClass('sticky');