Fixed Menu top navbar in bootstrap, cố định menu khi scrolling kéo xuống dưới

Mình có cái Menu giờ mình muốn Fixed Menu top navbar in bootstrap, cố định menu khi scrolling kéo xuống dưới, kéo chuột xuống dưới thì thanh menu tự động cố định ở trên top, hoặc footer tùy theo ý của mình thì làm như thế nào?

Mình tìm trên mạng thấy họ gắn javascript vào để bắt sự kiện scrolling nhưng mình muốn dùng css thôi, không dùng csroll được không? và cách làm như thế nào giúp mình với.

Menu khi kéo xuống dưới nó cố định, fixed trên đầu web, top web ý.

Menu của mình bằng hình ảnh đây:



Code HTML của menu của mình

Mã:

<nav class="navbar navbar-inverse">
    <div class="navbar-header">
        <a href="/"><img class="cs-imglogo" alt="logo" src="~/images/logo.png" /></a>
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="cs-dot-menu">MENU</span>
        </button>
    </div>
    <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right" >
            <li><a href="#">Rút hầm cầu</a></li>
            <li><a href="#" >Thông cầu cống nghẹt</a></li>
            <li><a href="#">Nạo vét hố ga</a></li>
            <li><a href="#">Báo giá rút hầm cầu</a></li>
            <li><a href="#" >Hồ sơ năng lực</a></li>
           <li><a href="#">Tư vấn</a></li>
           <li><a href="#" >Liên hệ</a></li>
        </ul>
    </div>
</nav>