K
K
kursof12018-10-23 08:02:03
JavaScript
kursof1, 2018-10-23 08:02:03

Why is the script not working in Mozilla?

It works in other browsers, but not in mozilla, this is a script for minimizing the menu when scrolling down to the bottom.

The code
jQuery(document).ready(function($){

  // Top navbar animation
  // ------------------------------------------------------------------------
  $(document).bind('shrink-menu-init', function(e, status) {
    var topBarHeight = $('.navbar-extra-top').outerHeight(); // getting the height of the nabar-extra-top
    scrollMark = Math.max(topBarHeight, 30); // forced minimum of 30
    style = ".menu-shrink {top : 0px !important;}";
    if ( !$('#ShrinkMenu').length ) {
      $( "<style></style>" ).attr('id','ShrinkMenu').data('scrollMark',scrollMark).appendTo( "head" ); // add custom CSS for height offset
    }
    $('#ShrinkMenu').html(style);
  });
  // navbar adjustments on scroll
  $(document).bind('shrink-menu', function(e, status){
    scrollMark = $('#ShrinkMenu').data('scrollMark');
    // when scroll hits height of navbar top, apply style changes
    if ( $(this).scrollTop() < scrollMark ) {
      $('#MainMenu').removeClass('scrolled menu-shrink');
    } else {
      $('#MainMenu').addClass('scrolled menu-shrink');
    }
  });
  // trigger shrink-menu on scroll
  $(window).resize( function(){
    $(document).trigger('shrink-menu-init');
  });
  $(window).scroll( function(){
    $(document).trigger('shrink-menu');
  });

    // Sub-navbar affix on scroll
    // ------------------------------------------------------------------------
    if ($('#SubMenu').length) {
        $('#SubMenu').affix({
            offset: {
                top: function () {
                    return $('#SubMenu').parent().offset().top - $('#navbar-main-container').outerHeight();
                },
            }
        }).css('top',$('#navbar-main-container').outerHeight());
        // Update values on window resize
        $(window).resize( function() {
            theTop = $('#SubMenu').parent().offset().top - $('#navbar-main-container').outerHeight();
            $('#SubMenu').data('bs.affix').options.offset = { top: theTop };
        });
    }

    // accordions - always have 1 panel open
    // ------------------------------------------------------------------------
    if ( $('.panel-heading').length ) {

        $('.panel-heading').on('click',function(e){
            if($(this).parents('.panel').children('.panel-collapse').hasClass('in')){
                e.preventDefault();
                e.stopPropagation();
            }
        });
    }

    // Tooltips
    // ------------------------------------------------------------------------
    $('[data-toggle="tooltip"]').tooltip({
        placement: function(tip, trigger) {
            // show above, unless no space. show bottom on affixed sub-nav
            return ( $(trigger).parents('#SubMenu.affix').length ) ? 'bottom' : 'auto top';
        }
    });

    // owl carousel
    // ------------------------------------------------------------------------
    if ( $('.featured-carousel').length ) {
        $(".featured-carousel").owlCarousel({
            items: 1,
            loop: true,
            autoplay: true,
            autoplayHoverPause: true,
            autoplayTimeout: 3800,
            autoplaySpeed: 800,
            navSpeed: 500,
            dots: false,
            nav: true,
            navText: [
                '<i class="fa fa-angle-left"></i>',
                '<i class="fa fa-angle-right"></i>'
            ]
        });
    }

    // Navbar Hover/Click Responsive Behavior
  // ------------------------------------------------------------------------
  collapseSize = 1299; // 768;

  // hover sub-menu items
  $('.navbar-nav a').click( function(e) {
    $this = $(e.target);
    href = $this.attr('href'); // Link URL

    // Check link value
    if (href === undefined || !href.length || href === '#' || href === 'javascript:;') {
      href = false;
    }
    // Link behavior
    if ($this.hasClass('dropdown-toggle')) {
      // Parent menu items
      if ($(window).width() > collapseSize) {
        if (href) {
          // large screens, follow the parent menu link when clicked
          if (e.which !== 2) {
            window.location.href = href;
          }
        }
       } else if ( $this.parent().hasClass('open') && href !== false) {
        // small screens, 1st tap opens sub-menu & 2nd tap follows link
        $(document).trigger('collapse-menus');
        window.location.href = href;
      }
    } else {
      // All other menu items, close menu on click
      $(document).trigger('collapse-menus');
    }
  });
  // Keep parent menus open on sub-menu expand
  $(document).on('show.bs.dropdown', function(obj) {
    if ($(window).width() <= collapseSize) {
      $(obj.target).parents('.show-on-hover').addClass('open');
    }
  });
  $('.navbar a:not(.dropdown-toggle)').click( function(e) {

    $this = $(e.target);
    href = $this.attr('href'); // Link URL

    // Check link value
    if (href === undefined || !href.length || href === '#' || href === 'javascript:;') {
      href = false;
    }
    // Link behavior
    if ($(window).width() > collapseSize) {
      if (href) {
        // large screens, follow the parent menu link when clicked
        if (e.which !== 2) {
          window.location.href = href;
        }
      }
     } else if ( $this.parent().hasClass('open') && href !== false) {
      // small screens, 1st tap opens sub-menu & 2nd tap follows link
      $(document).trigger('collapse-menus');
      window.location.href = href;
    }
  });
  // Close all menus
  $(document).on('collapse-menus', function () {
    $('.collapse.in').removeClass('in').children().removeClass('open');
  });
  // Hover styling helpers
  $('.navbar-nav > li.show-on-hover').hover(function() {
    if ($(window).width() > collapseSize) {
      $(this).addClass('open');
    }
  }, function() {
    if ($(window).width() > collapseSize) {
      $(this).removeClass('open');
    }
  });



    // Things we want to trigger once, forcefully, after loading the page
    // ------------------------------------------------------------------------

    // Fire the menu shrink function
    $(document).trigger('shrink-menu-init');
    $(document).trigger('shrink-menu');

});

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question