How do I make my navbar change CSS class upon scrolling past an anchor point?

Question

I\'m using Bootstrap 3 and want to achieve this effect when the user scrolls past the large header image on my page. I need the background of the navbar to go from transpare

Answer 1

You could probably just use javascript element.scrollTop along with Jquery addClass and removeClass. Haven't tried it myself though.

Here's an overflow link for getting scrollbar position: How to get scrollbar position with Javascript?