Skip to content

Instantly share code, notes, and snippets.

@aslamhindko
Created August 26, 2016 05:48
Show Gist options
  • Select an option

  • Save aslamhindko/a0fb8a2aab5ee2d99349a2bcd728353a to your computer and use it in GitHub Desktop.

Select an option

Save aslamhindko/a0fb8a2aab5ee2d99349a2bcd728353a to your computer and use it in GitHub Desktop.
<!--HTML--> Navi ko Full page id k uper rakhe ge
<header id="header">
<div class=" clear">
<a href="/" id="logo"><img src="assets/images/logo.png" alt="Homepage"/></a>
<a class="menu" title="Show Menu"><span>Menu</span></a>
<nav id="topMenu"><div class="ins"><div class="scroll">
<a href="/">Home</a>
<a href="#">Work</a>
<a class="sub">Services</a>
<div class="sm">
<a href="#">Strategy</a>
<a href="#">UX/UI Design</a>
<a href="#">Technology</a>
<a href="#">Content</a>
<a href="#">Social</a>
<a href="#">Search</a>
<a href="#">Emerging</a>
</div>
<a href="about-us.html">About</a>
<a href="partners.html">Partners</a>
<a href="/contact-us/index.html">Contact</a>
<a href="http://jobs.wewanttraffic.com/careers">Careers</a>
<a href="/blog/">Blog</a>
</div></div></nav>
</div>
</header>
<div id="fullpage">
<!--CSS-->
.sticky {background: url(../images/header.jpg);
height: 65px !important;
top: 0 !important;
padding-top: 18px;}
<!--JS-->
onLeave: function(index, nextIndex, direction){
var leavingSection = $(this);
if(index > 0 && direction =='down'){
$('#header').addClass('sticky');
}else if (index == 2 && direction == 'up'){
$('#header').removeClass('sticky');
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment