https://www.diariomedico.com/themes/custom/dmedico/js/nav-header.js?tlecl7

1(function ($) {
2    $(document).ready(function() {
3        menuhiden();
4        var lastScrollTopnav = 0;
5        var navScrollTicking = false;
6
7        $(window).scroll(function (event) {
8            if (!navScrollTicking) {
9                var stnav = $(this).scrollTop();
10                window.requestAnimationFrame(function() {
11                    if (stnav > lastScrollTopnav) {
12                        //hace down
13                        $(".header-down").removeClass("display-none");
14                        $(".header-down").addClass("fixed");
15                        $(".header-top").addClass("display-none");
16                        $(".nav.level-1").addClass("display-none");
17                        $(".nav.level-2").addClass("display-none");
18                        $(".nav.level-2").removeClass("top");
19
20                        $(".search").removeClass("display-none");
21
22                        $(".list-nav .cont-account").addClass("display-none");
23                        $(".search").removeClass("display-none");
24
25                        $(".right-side").addClass("fixed");
26                        menuhiden();
27
28                    } else if (stnav === 0) {
29                        //posicion top
30                        $(".header-down").addClass("display-none");
31                        $(".header-down").removeClass("fixed");
32                        $(".header-top").removeClass("display-none");
33                        $(".nav.level-1").removeClass("display-none");
34                        $(".nav.level-1").removeClass("fixed");
35                        $(".nav.level-2").removeClass("display-none");
36                        $(".nav.level-2").removeClass("fixed");
37                        $(".nav.level-2").addClass("top");
38
39                        $(".search").removeClass("display-none");
40
41                        $(".list-nav .cont-account").addClass("display-none");
42                        $(".search").removeClass("display-none");
43
44                        $(".right-side").removeClass("fixed");
45
46                        menuhiden();
47
48                    } else {
49                        //hace up
50                        $(".header-down").addClass("display-none");
51                        $(".header-down").removeClass("fixed");
52                        $(".nav.level-1").removeClass("display-none");
53                        $(".nav.level-1").addClass("fixed");
54                        $(".nav.level-2").removeClass("display-none");
55                        $(".nav.level-2").addClass("fixed");
56                        $(".nav.level-2").removeClass("top");
57
58                        $(".search").addClass("display-none");
59
60                        $(".list-nav .cont-account").removeClass("display-none");
61                        $(".item-mas").removeClass("active");
62                        $(".sub-content").removeClass("active");
63                        $(".search").addClass("display-none");
64
65                        $(".right-side").addClass("fixed");
66
67                        menuhiden();
68                    }
69                    lastScrollTopnav = stnav;
70                    navScrollTicking = false;
71                });
72                navScrollTicking = true;
73            }
74        });
75
76        //Para desplegar la navegacion lateral
77        /*$('.hamburguer').click(function(){ togglenav() });
78        $('.close-nav-layer').click(function(){togglenav() });
79        function togglenav(){
80            $('.hamburguer').toggleClass('active');
81            $('.region-nav').toggleClass('active');
82            $('.close-nav-layer').toggleClass('active');
83            $('.open-menu').removeClass("open");
84            $('.open-menu').siblings('.menu-dropdown').removeClass("open");
85        }
86*/
87        //BUSCADOR
88        $(".search-icon").click(function () {
89            $(".search").addClass("active");
90        });
91        $(".close-icon").click(function () {
92            $(".search").removeClass("active");
93        });
94
95        //OCULTAR MAS DE 5 ELEMENTOS EN EL MENU GENERAL
96        var resizeTimer;
97        $( window ).on( "resize", function() {
98            clearTimeout(resizeTimer);
99            resizeTimer = setTimeout(function() {
100                menuhiden();
101            }, 150);
102        })
103        function menuhiden(){
104            var contancho = 0;
105            var anchomenu = $(".cont-list-nav").width();
106            var menuitemaa = $('.list-nav > .cont-list-nav > .item');
107            menuitemaa.removeClass("ver-mas-elements");
108            if ($(window).width() >= 768) {
109                menuitemaa.each(function() {
110                        var anchoitem = $(this).outerWidth(true);
111                        contancho = contancho + anchoitem;
112                        if(contancho >= anchomenu){
113                            $(this).addClass("ver-mas-elements");
114                        }
115                        //var altoContMas = $(".cont-cont-mas").height();
116                        //$('.position-cont-mas').height(altoContMas);
117                });
118            }
119            if($(".ver-mas-elements").length > 0){
120                $('.right-header .cont-cont-mas').empty();
121                $(".list-mas-din").removeClass("display-none");
122                //$('.level-2 .right-header').append("<div class='list-mas'><p class='item-mas'>MÁS</p><div class='cont-mas'><div class='position-cont-mas'><ul class='cont-cont-mas'></ul></div></div></div>")
123                $(".ver-mas-elements").clone().appendTo(".cont-cont-mas");
124            }else {
125                $(".list-mas-din").addClass("display-none");
126            }
127        }
128        //NAVEGACION
129         $(".hamburguer").click(function () {
130            $('.sub-content').removeClass("active");
131            $(".list-mas").removeClass("active");
132            $(".hamburguer").toggleClass("active");
133            $(".nav-hamburguer").toggleClass("display-none");
134            $('body').toggleClass("disable-vscroll");
135        });
136
137        $(".item.sub-content .arrow").click(function () {
138            $(".hamburguer").removeClass("active");
139            $(".nav-hamburguer").addClass("display-none");
140            $(".list-mas").removeClass("active");
141            if ($(window).width() <= 768) {
142                if ( $(this).parent('.sub-content').hasClass("active")){
143                    $(this).parent('.sub-content').removeClass("active");
144                } else {
145                    $('.sub-content').removeClass("active");
146                    $(this).parent('.sub-content').addClass("active");
147                }
148            }
149        });
150
151        $(".list-nav > .arrow").click(function () {
152            $(this).toggleClass("active");
153            $(".mov-cont-list-nav").toggleClass("mov-display-none");
154
155        });
156
157        $(".list-mas").click(function () {
158            $(this).toggleClass("active");
159            $(".hamburguer").removeClass("active");
160            $(".nav-hamburguer").addClass("display-none");
161            $('.sub-content').removeClass("active");
162            if($(this).hasClass("active")){
163                $(".item-mas").text("CERRAR");
164            }else {
165                $(".item-mas").text("MÁS")
166            }
167        });
168
169        //DESPLEGAR MENU STATUS USUARIO
170        $(".txt-sesion .arrow").click(function () {
171            $(this).closest(".txt-sesion").toggleClass("active");
172        });
173
174        //ABRIR Y CERRAR CAPA USUARIO MOBILE
175        $(".txt-sesion-mobile").click(function () {
176            $(".user-layer-mobile").removeClass("display-none");
177        });
178
179        $(".close-layer-mobile").click(function () {
180            $(".user-layer-mobile").addClass("display-none");
181        });
182
183
184    });//cierre document ready
185}(jQuery));