Click Scroll to Specification Div With Fixed Navbar in Bootsrap has Header

Hi how are you guys ! hope you fine especially for my friend muslim cause fasting already finish (Maksdunya Buka :v) 

Well this afternoon i will give short tutorial about title above, Hope you understand what title does mean!

when you have dummy html has effect scroll to div then you searching in googling found many plugin match after that you feel it's not good one cause every plugin when you customize with your dummy is not easy ! 

http://www.jozefbutko.com/stickynavbar/
I thought link above the best way for me but tested 3 times make me heck the documentation is not complete then i leave it.

Then i googling and i think i'm lucky i found this link http://jquery-plugins.net/tag/sticky-scroll but after 5 minutes it kill me slowly to much plugin testing and tested one by one so i leave them

so i feel lucky i found this plugin http://www.outyear.co.uk/smint/ Easy to setting you only need make simple template has header, navbar and content div so here is give simple template i used
bootsrap <div class="container"> <div class="row"> <div class="col-md-12"> <!---Here is image---> </div> </div> <div class="subMenu"> <div class="container-fluid" style="float: none;"> <nav class="navbar navbar-default"> <ul class="nav navbar-nav "> <li><a id="s1" href="#s1">Home</a></li> <li><a id="s2" href="#s2">Page 1</a></li> <li><a id="s3" href="#s3">Page 2</a></li> <li><a id="s4" href="#s4">Page 3</a></li> </ul> </nav> </div> </div> <div class="row section s1"> <!----here is content href page 1---> </div> <div class="row section s2"> <!----here is content href page 1---> </div> <div class="row section s3"> <!----here is content href page 1---> </div> </div> </form> Look navbar and eery div, i give simple explanation href="#s1" it direct you to div with class to div class section s1 for detail please go to link http://www.outyear.co.uk/smint/ But this plugin has bugs if there is href which is not scroll it will not working for example <textarea name="code" class="c#" cols="60" rows="10"> <li><a id="s1" href="#s1">Home</a></li> <li><a id="1.html" href="#s2">Page 1</a></li> <li><a id="s3" href="#s3">Page 2</a></li> <li><a id="s4" href="#s4">Page 3</a></li>



Code above not working becase there is active link which is not scroll some one have already make issue to author in github but not answering https://github.com/rabmyself/smint/issues/7 then after chat in twitter with the author the solutions is put external links in the end !


So this is my simple demo to make sense http://codepen.io/anon/pen/doJEBr Hope this tutorial help you, Please be free to disscuss another issue about it !

You can download file at here 

Thans for visiting me !