Есть JavaScript который управляет менюшкой (полностью рабочий). Его задача выдвигать задвигать меню за край вьюпорта, при выдвижении определять высоту хедера и размещать менюшку прямо под ним, изменять ширину вьюпорта и соответственно варьировать ширину меню, при скролле вниз перемещать менюшку в топ и возвращать под хедер при возврате в топ страницы. Код написан с 0 моими кривыми, неопытными руками. Не прошу делать за меня, просто подскажите как можно эту кучу повторяющихся строк оптимизировать(сократить), если это возможно. Особенно интересно с onLoad & onResize ибо там очень много повторений. Острой необходимости в этом нет, исключительно для повышения собственной квалификации. Заранее спасибо!
$(window).on('load', function(){
var fixing_point=document.getElementById('header').offsetHeight;
$('.flash_window').css("top",fixing_point);
});
$(window).on('resize', function(){
var fixing_point=document.getElementById('header').offsetHeight;
$('.flash_window').css("top",fixing_point);
});
$(window).on('load', function(){
var vw = document.documentElement.clientHeight;
if (vw<767){
$(".icon_menu").css("display","none");
$(".close-btn").css("display","none");
$(".icon_menu_mobile").css("display","");
$(".close-btn-mobile").css("display","");
}
else{
$(".icon_menu").css("display","");
$(".close-btn").css("display","");
$(".icon_menu_mobile").css("display","none");
$(".close-btn-mobile").css("display","none");
};
});
$(window).on('resize', function(){
var vw = document.documentElement.clientHeight;
if (vw<767){
$(".icon_menu").css("display","none");
$(".close-btn").css("display","none");
$(".icon_menu_mobile").css("display","");
$(".close-btn-mobile").css("display","");
}
else{
$(".icon_menu").css("display","");
$(".close-btn").css("display","");
$(".icon_menu_mobile").css("display","none");
$(".close-btn-mobile").css("display","none");
};
});
$(".icon_menu").on("click", function(){
$('.flash_window').animate({
left: '0'}, 400);
$('.flash_window').css("right","");
$('.icon_menu').css("display","none");
});
$(".icon_menu_mobile").on("click", function(){
$('.flash_window').animate({
left: '0'}, 400);
$('.flash_window').css("right","");
});
$(".close-btn").on("click", function(){
$('.flash_window').css("left","");
$('.flash_window').animate({
right: '100%'}, 400);
$('.icon_menu').css("display","block");
});
$(".close-btn-mobile").on("click", function(){
$('.flash_window').css("left","");
$('.flash_window').animate({
right: '100%'}, 400);
});
$(window).on('scroll', function(){
var scroll = this.scrollY;
var fixing_point=document.getElementById('header').offsetHeight;
if (scroll > fixing_point){
$('.flash_window').css({
"position": "fixed",
"top": "0"
});
} else {
$('.flash_window').css({
"position": "absolute",
"top": fixing_point
});
};
});