Skip to content

Instantly share code, notes, and snippets.

@urameshibr

urameshibr/change-menu-style.js

Last active May 5, 2020 06:20
Show Gist options
  • Save urameshibr/698582c18e05755e1a98adefb9503934 to your computer and use it in GitHub Desktop.
Save urameshibr/698582c18e05755e1a98adefb9503934 to your computer and use it in GitHub Desktop.
Download ZIP
Alterar estilo de menu ao rolar a tela
Raw
change-menu-style.js
var $ = window.jQuery;
$(window).scroll(function(){
$('header.elementor-sticky--active')
.toggleClass('scrolled-navbar', $(this).scrollTop() > 800);
});
Raw
custom.css
.elementor-sticky--active {
background-color: rgba(255,255,255,0) !important;
max-height: 80px;
}
.elementor-sticky--active a {
color: rgba(255,255,255,0.7);
}
.scrolled-navbar {
background: rgba(255,255,255,1) !important;
border-bottom: 2px solid #e2e2e2;
}
.scrolled-navbar a{
color: #333 !important;
}
.scrolled-navbar .logo a{
display:none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment