"Sticky Navigation without Jerk ( Smooth scrolling )."
Bootstrap 3.3.0 Snippet by joyparker

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container-fluid"> <div class="row"> <div class="div1"> </div> <div class="navigation" id="sticky-nav"> <div class="div2"> </div> <div class="div3"> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique suscipit nulla, ut tristique ligula. Sed accumsan, felis sit amet facilisis euismod, leo neque laoreet nisl, ut efficitur risus elit id dolor. Nulla sed neque commodo risus tincidunt finibus volutpat ut magna. In maximus pulvinar felis. Aenean volutpat ipsum varius diam aliquam cursus. Integer ut mauris a diam efficitur pharetra. Aliquam at vestibulum sem. Praesent sagittis malesuada orci, quis porttitor tellus facilisis vel. Nullam justo nulla, tincidunt eu dui nec, elementum interdum quam. Praesent quis mi vitae eros interdum consectetur. In felis risus, blandit nec metus malesuada, auctor eleifend metus. Duis ut mollis nulla, non ultricies lorem. Donec ultrices massa laoreet, convallis sem nec, laoreet sem. Ut nec massa eleifend, rutrum odio id, tristique ligula. Sed fringilla lacus tellus, non tristique enim euismod eu. Suspendisse scelerisque, dui vel dignissim faucibus, enim justo vestibulum nisl, quis fermentum ipsum purus at tellus. Curabitur vitae enim non eros cursus volutpat non quis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc quis congue dolor, cursus euismod tortor. Nulla tristique velit magna, ac ultricies dui scelerisque ut. Praesent dapibus vestibulum leo, sed tristique enim congue nec. Cras sed accumsan felis. Morbi semper pellentesque lorem, tincidunt ornare turpis pretium nec.</p> </div> </div> </div>
.div1 { height: 30px; background: #FF4136; width: 100%; float: left; } .div2 { height: 100px; background: #FF851B; width: 100%; float: left; } .div3 { height: 50px; background: #FFDC00; width: 100%; float: left; } .navigation.sticky { position: fixed; background-color: #fff; visibility: hidden; opacity: 0; width: 100%; height: 60px; top: 0; z-index: 120; } .navigation.sticky.scrolling { opacity: 1; visibility: visible; } .navigation.sticky #nav-icon span { background-color: #444444; } .navigation.offset { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navigation.scrolling { -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } .navigation.sticky.scrolling { opacity: 1; visibility: visible; }
$(document).ready(function(){ /* Sticky Navigation -------------------------------------------------------*/ $(window).scroll(function(){ // alert(1); var windowWidth = $(window).width(); if ($(window).scrollTop() > 190 & windowWidth > 974){ $('#sticky-nav').addClass("sticky"); // $('#sticky-nav .logo-wrap').addClass("shrink"); } else { $('#sticky-nav').removeClass("sticky"); // $('#sticky-nav .logo-wrap').removeClass("shrink"); } if ($(window).scrollTop() > 200 & windowWidth > 974){ $('#sticky-nav').addClass("offset"); } else { $('#sticky-nav').removeClass("offset"); } if ($(window).scrollTop() > 500 & windowWidth > 974){ $('#sticky-nav').addClass("scrolling"); } else { $('#sticky-nav').removeClass("scrolling"); } if ($(window).scrollTop() > 190 ){ $('.navbar-fixed-top').addClass("sticky"); } else { $('.navbar-fixed-top').removeClass("sticky"); } }); });

Related: See More


Questions / Comments: