shrink top navbar on scroll in Bootstrap 2 Joomla 3.4 - Joomla! Forum - community, help and support

hi all,
brian teeman's logo on website shrinks on scroll (http://brian.teeman.net). tried make similar template. several sites show code make it, looks bootstrap 3 , of course in joomla 3.x use bootstrap 2.

is bootstrap 3 feature? or possible build in bootstrap 2 well?

this site i'm working on: http://www.shespeakswithpassionmembership.com

this navigation bar in template's index.php:

code: select all

        <!-- navigatiebalk -->
        <div id="navwikkel" class="row-fluid">
            <nav class="span12 navbar navbar-default navbar-fixed-top">
                <div class="navbar-inner">
                    <div class="container-fluid">
                        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                        </a>
                        <a class="navbar-brand" href="#"><img src="<?php echo $this->baseurl ?>/templates/thomsterdamparallax/images/logo.png" /></a>
                        <p class="menuklikhier visible-phone visible-tablet hidden-desktop">menu
                        </p>
                        <div class="nav-collapse collapse">
                        <jdoc:include type="modules" name="navigatie" style="none" />
                        </div>
                    </div>
                </div>
            </nav>
        </div>
          <!-- einde navigatiebalk -->


and i'm using script:

code: select all

      <script>
         $(window).scroll(function() {
         if ($(document).scrolltop() > 150) {
         $('.navbar').addclass('shrink');
         }
         else {
         $('.navbar').removeclass('shrink'); }
         });
      </script>


perhaps i'm using wrong css, or may have made error. there specialist can help?

thanx,


thom
thomsterdam