sticky navbar with skrollr in wordpress

Discussion in 'JavaScript' started by lew1s666, Nov 14, 2014.

  1. #1
    Hi,

    I am trying to buld sticky navbar using skrollr in wordpress.

    I added skrollr in head and

    data-anchor-target=".wrap" data-200-top="opacity:0;" data-150-top="visibility:visible; top: -55px; opacity: 0.3;" data-100-top="opacity: 1; position: fixed; top: 0;"

    into my navbar. but its not working. i see the skrollr is loaded . Please help . thanks
     
    lew1s666, Nov 14, 2014 IP
  2. lew1s666

    lew1s666 Member

    Messages:
    101
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    30
    #2

    correct link http://doctorreview.getfreewebsite.org/test-content/
     
    lew1s666, Nov 14, 2014 IP
  3. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #3
    As far as I can see, you haven't initilized skrollr on the page. If you look at all the examples, you'll see that they're started via a javascript-call on the page itself.
    
    <script type="text/javascript">
    skrollr.init({
    forceHeight: false
    });
    </script>
    
    Code (markup):
     
    PoPSiCLe, Nov 14, 2014 IP