Tuesday 22 August 2017

menu selected on scroll and click

 $(document).on("scroll", onScroll);
    $('.mobile-nav').click(function () {
        $(this).toggleClass('nav-open');
        $(this).next().slideToggle();
        $('.header').toggleClass('fixed');
    });

    $(".header-menu li a").click(function (evn) {
        evn.preventDefault();
        if (!evn.detail || evn.detail == 1) {
            $(document).off("scroll");

            var curobj = $(this).attr('href');
            $(this).parent().siblings().removeClass('active');
            $(this).parent().addClass('active');
            var topOffsetVal = $(curobj).offset().top - $('#header').outerHeight();
            $('html,body').animate({scrollTop: topOffsetVal}, 1000, function () {
                $(document).on("scroll");
                $(document).on("scroll", onScroll);
            });
        }
    });

    $(".footer-nav li a").click(function (evn) {
        evn.preventDefault();

        var curobj = $(this).attr('href');
        var curobj1 = $(this).attr('data-id');
        $(".header-menu li").removeClass('active');
        $("#" + curobj1).addClass('active');
        var topOffsetVal = $(curobj).offset().top - $('#header').outerHeight();
        $('html,body').animate({scrollTop: topOffsetVal}, 1000, function () {
            $(document).on("scroll");
            $(document).on("scroll", onScroll);
        });
        ;
    });

    $(".down-bottom a").on('click', function (event) {
        event.preventDefault();
        var curobj = $(this).attr('href');
        var curobj1 = $(this).attr('data-id');
        $(".header-menu li").removeClass('active');
        $("#" + curobj1).addClass('active');
        var topOffsetVal = $(curobj).offset().top - $('#header').outerHeight();
        $('html,body').animate({scrollTop: topOffsetVal}, 1000, function () {
            $(document).on("scroll");
            $(document).on("scroll", onScroll);
        });
        ;
    });




    function onScroll(event) {
        var scrollPos = $(document).scrollTop();
        $('.header-menu a').each(function () {
            var currLink = $(this);
            var refElement = $(currLink.attr("href"));
            if (refElement.position().top - 88 <= scrollPos) {
                $('.header-menu li').removeClass("active");
                $('.header-menu li.active a').attr("href")
                currLink.parent().addClass("active");
            }
            else {
                currLink.parent().removeClass("active");
            }


        });
    }





    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('.scrollToTop').fadeIn();
        } else {
            $('.scrollToTop').fadeOut();
        }
    });
//Click event to scroll to top
    $('.scrollToTop').click(function (evn) {
        $('html, body').animate({scrollTop: 0}, 1000);
    });



    $(".panel-heading").click(function () {
        $(this).next().slideToggle();
    });
})

No comments:

Post a Comment