I currently have a fixed navigation bar that utilizes the affix()
function from Twitter Bootstrap 3.
The navigation bar is functioning properly, but I am interested in adding a transition effect to its appearance.
As of now, when the user scrolls down the page, the navigation bar instantly appears. I would like to animate this process instead.
I attempted using
-webkit-transition: all 1s ease-in
, but it only affected the width of the navigation bar.
You can see my progress on this issue in this FIDDLE.
If anyone could offer assistance with animating the navigation bar upon scrolling, I would greatly appreciate it.