Bootstrap 4 Change Navbar Background Color On Scroll


Have a look at our “Build a modern Bootsrtap 4 site from scratch” course. Check it out here:

Get Our Full Bootstrap Website Building Course – Learn to build sites fast:

Free Tech Courses – Web Design, game development, javascript, wordpress, bootstrap:

Get our Build an awesome pro eCommerce store for free with WordPress course.

Get our complete WordPress local install and migration course here :

Bootstrap 4 Change Navbar Background Color On Scroll. Bootstrap 4 is an awesome platform, it’s really fast loading and lightweight, if you are not creating a blog or e-commerce store I would recommend it over WordPress every time. Brackets text editor is a fantastic free code editor that can be used for editing just about any type of code. Brackets is really easy to use and has many free extensions that make coding a bootstrap site really quick and easy.

Download the free brackets text editor from here:

Download JS Code Used:

Subscribe to our Channel

More tips at :


Get us to build Your website:

Free Fitness and Health Courses
Yoga, Weight Loss, Fitness, Work Out:

Please watch: “Divi 4 Theme Builder Custom Footer With Vertical Menu”




  1. How come your code is working even after you left a spelling mistake in your class scolled instead of scrolled.
    P.S:It is not working for me

  2. Hi Jamie,

    Another off topic question if you don't mind. How do you reduce image file sizes for page optimization?

    I use open source GIMP to reduce the file size to almost zero and then slowly increase it until it's a happy medium between file size and image quality. Hard to keep it under 100 KB though.

    None-the-less, I've seen out there some pretty sharp images with low file sizes.

    How do the pros do it?




Please enter your comment!
Please enter your name here