Skip to content

Instantly share code, notes, and snippets.

@greenn
Created October 23, 2015 13:25
Show Gist options
  • Save greenn/4345c0e78edfa6ab7d27 to your computer and use it in GitHub Desktop.
Save greenn/4345c0e78edfa6ab7d27 to your computer and use it in GitHub Desktop.
$(function(){
$(window).scroll(function() {
var top = $(document).scrollTop();
if (top < 74)
{
$(".main-menu").removeClass('dinamic');
$(".main-menu").addClass('static');
$(".main-menu").find('.logo-min').removeClass('visible');
$(".main-menu").find('.logo-min').addClass('hidden');
}
else
{
$(".main-menu").removeClass('static');
$(".main-menu").addClass('dinamic');
$(".main-menu").find('.logo-min').removeClass('hidden');
$(".main-menu").find('.logo-min').addClass('visible');
}
});
});
@greenn
Copy link
Author

greenn commented Oct 23, 2015

$(function(){
    $(window).scroll(function() {
        var mainMenu = $(".main-menu");
        var top = $(document).scrollTop();
        if (top < 74)
        {
            mainMenu.removeClass('dinamic');
            mainMenu.addClass('static');
            mainMenu.find('.logo-min').removeClass('visible');
            mainMenu.find('.logo-min').addClass('hidden');
        }
        else
        {
            mainMenu.removeClass('static');
            mainMenu.addClass('dinamic');
            mainMenu.find('.logo-min').removeClass('hidden');
            mainMenu.find('.logo-min').addClass('visible');
        }
    });
});

@greenn
Copy link
Author

greenn commented Oct 23, 2015

$(function(){
    $(window).scroll(function() {
        var top = $(document).scrollTop();
        var mainMenu = $(".main-menu");
        var logo = mainMenu.find('.logo-min');

        if (top < 74) {
            mainMenu.removeClass('dinamic').addClass('static');
            logo.removeClass('visible').addClass('hidden');
        } else {
            mainMenu.removeClass('static').addClass('dinamic');
            logo.removeClass('hidden').addClass('visible');
        }
    });
});

@greenn
Copy link
Author

greenn commented Oct 23, 2015

$(function(){
    var mainMenu = $(".main-menu");
    var logo = mainMenu.find('.logo-min');
    $(window).scroll(function() {
        var top = $(document).scrollTop();
        if (top < 74) {
            mainMenu.removeClass('dinamic').addClass('static');
            logo.removeClass('visible').addClass('hidden');
        } else {
            mainMenu.removeClass('static').addClass('dinamic');
            logo.removeClass('hidden').addClass('visible');
        }
    });
});

@greenn
Copy link
Author

greenn commented Oct 23, 2015

var mainMenu = $(".main-menu");
var updateMainMenu = function(isStatic){
    mainMenu.removeClass(isStatic ? 'dinamic' : 'static');
    mainMenu.addClass(isStatic ? 'static' : 'dinamic');
}
var logo = mainMenu.find('.logo-min');
var updateLogo = function(isStatic){
    logo.addClass(isStatic ? 'visible' : 'hidden');
    logo.removeClass(isStatic ? 'hidden' : 'visible');
}
$(window).scroll(function() {
    var inTheTop = $(document).scrollTop() < 74;
    updateMainMenu(inTheTop);
    updateLogo(inTheTop);
});

@greenn
Copy link
Author

greenn commented Oct 23, 2015

$.fn.oneOfTwoClass = function(isFirstClass, firstClass, secondClass) {
    this.addClass(isFirstClass ? firstClass : secondClass)
    this.removeClass(isFirstClass ? secondClass : firstClass)
    return this;
}
var mainMenu = $(".main-menu");
var logo = mainMenu.find('.logo-min');
$(window).scroll(function() {
    var inTheTop = $(document).scrollTop() < 74;
    mainMenu.oneOfTwoClass(inTheTop, 'static', 'dinamic');
    logo.oneOfTwoClass(inTheTop, 'hidden', 'visible');
});

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment