fullpagestickyheader.php

<!--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');
   }
   
 }