$( document ).ready(function() { console.log( "ready!" ); //$('#menu').hide(); if ($(window).width() > 1440) { $('#Rmnutog').removeClass('btn-warning').addClass('btn-success'); $('#Rmnutog').find(".fas").removeClass('fa-list').addClass('fa-times'); }else{ $('#content').removeClass('col-xl-10 col-lg-10 col-md-9 col-sm-12'); $('#content').addClass('col-12'); } jQuery('#Rmnutog').on('click', function(event) { jQuery('#menu').toggle('show'); if($(this).hasClass('btn-warning')){ $(this).removeClass('btn-warning'); $(this).addClass('btn-success'); $(this).find(".fas").removeClass('fa-list'); $(this).find(".fas").addClass('fa-times'); //$('#Rmnu').removeClass('span3'); //$('#Rmnu').addClass('span12'); $('#content').removeClass('col-12'); $('#content').addClass('col-xl-10 col-lg-10 col-md-9 col-sm-12'); }else{ $(this).removeClass('btn-success'); //$('#Rmnu').removeClass('span12'); //$('#Rmnu').addClass('span3'); setTimeout(function(){ $('#content').addClass('col-12'); $('#content').removeClass('col-xl-10 col-lg-10 col-md-9 col-sm-12'); }, 450); $(this).find(".fas").removeClass('fa-times'); $(this).find(".fas").addClass('fa-list'); $(this).addClass('btn-warning'); } }); }); if ($(window).width() > 767) { $( document ).ready(function() { var sections = $('[data-scroll-to]') , HIMAmenu = $('.himaMenu') , nav = $('.himaNAV') , head_og = $('.head_og') , footer = $('.footer_top') , head_og_height = head_og.outerHeight() , footer_height = footer.outerHeight() ; // alert(footer_height); $(window).on('scroll', function () { if($("#Rmnutog").hasClass('btn-success')){ var nav_height = nav.outerHeight(); var cur_pos = $(this).scrollTop(); sections.each(function() { var top = $(this).offset().top - 110, bottom = top + $(this).outerHeight(); if (cur_pos >= top && cur_pos <= bottom) { nav.find('a').removeClass('active'); sections.removeClass('active'); $(this).addClass('active'); nav.find('a[data-scroll="'+$(this).attr('data-scroll-to')+'"]').addClass('active'); } }); var nav_height = nav.outerHeight(); var nav_bottom = nav.offset().top + nav_height; var footer_top = footer.offset().top; var screen_height = $(window).height(); var screen_footer = screen_height - footer_height; var current_bottom = cur_pos+screen_height; //console.log("cur_pos:"+Math.floor(cur_pos)+" footer_top:"+Math.floor(footer_top)+" nav_bottom:"+Math.floor(nav_bottom)+" screen_footer:"+Math.floor(screen_footer)+" current_bottom:"+Math.floor(current_bottom)+" screen_height:"+Math.floor(screen_height)+" nav_height:"+Math.floor(nav_height)) ; if((cur_pos > head_og_height + 110)){ // cur_pos:8883 footer_top:9448 nav_bottom:9461 screen_footer:566 nav_height:1198 //if((nav_bottom >= footer_top )&&((current_bottom > footer_top)&&(current_bottom > nav_bottom))){ if((nav_bottom >= footer_top )&&(current_bottom>footer_top)){ HIMAmenu.css("position","absolute"); HIMAmenu.css("top","auto"); HIMAmenu.css("bottom","40px"); }else{ HIMAmenu.css("position","fixed"); HIMAmenu.css("top","80px"); HIMAmenu.css("bottom","auto"); } HIMAmenu.css("width",$("#Rmnutog").css("width")); }else{ HIMAmenu.css("position","unset"); } } }); nav.find('a[data-scroll]').on('click', function () { var $el = $(this) , id = $el.attr('data-scroll'); var nav_height = nav.outerHeight(); if($('*[data-scroll-to="'+id+'"]').length){ //alert(id); $('html, body').animate({ scrollTop: $('*[data-scroll-to="'+id+'"]').offset().top - 80 }, 500); return false; } }); }); }