Implement Sticky menu in magento 1.9

<br /> HTML CODE:<br /> <div class="main-container col2-left-layout"><div class="main container"><div class="row"><div class="main-inner"><div class="col-main col-sm-9 f-right"><?php echo $this->getChildHtml('global_messages') ?><br /> <?php echo $this->getChildHtml('content') ?><br /> </div><div class="col-left sidebar f-left col-sm-3" id="fixedFilterLeftSideBar"><div class="sidebar-inner"><?php echo $this->getChildHtml('left') ?><br /> </div></div><div class="clearer"></div></div><?php echo $this->getChildHtml('description_cate')?> <br /> </div></div></div>


<br /> JS CODE:<br /> <script type="text/javascript" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS).'sticky_kit/jquery.stickykit.js'?>"></script><br /> <script type="text/javascript" id="sidebarScrollFixed"> jQuery(document).ready(function(){ jQuery('.col-left.sidebar').stick_in_parent({ parent: '.main-inner', offset_top: 73, recalc_every: 1, bottom: true }); jQuery('.col-left.sidebar').on('sticky_kit:bottom', function() { jQuery(this).parent().css('position', 'static'); }).on('sticky_kit:unbottom', function() { jQuery(this).parent().css('position', 'relative'); }); }); </script><br />

<br /> CSS CODE:<br /> .clearer {clear:both;}<br /> .main-inner:before, .main-inner:after {content:"";display:table;display:block;width:100%}<br /> .main-inner:after {clear:both}<br /> .main-inner {height:100%;position:relative;width:100%;display:block;margin-bottom:10px;}<br /> .is_stuck{position:fixed;}<br />