diff --git a/js/navbar-ontop.js b/js/navbar-ontop.js
new file mode 100644
index 0000000..ad306a4
--- /dev/null
+++ b/js/navbar-ontop.js
@@ -0,0 +1,43 @@
+/**
+ * navbar-ontop.js 1.0.0
+ * Add .navbar-ontop class to navbar when the page is scrolled to top
+ * Make sure to add this script to the <head> of page to avoid flickering on load
+ */
+
+(function() {
+
+	var className = "navbar-ontop"
+	
+	// we start hidden, to avoid flickering
+	document.write("<style id='temp-navbar-ontop'>.navbar {opacity:0; transition: none !important}</style>")
+
+	function update() {
+		// toggle className based on the scrollTop property of document
+		var nav = document.querySelector(".navbar")
+
+		if (window.scrollY > 15)
+			nav.classList.remove(className)
+		else
+			nav.classList.add(className) 
+	}
+
+	document.addEventListener("DOMContentLoaded", function(event) {
+		$(window).on('show.bs.collapse', function (e) {
+			$(e.target).closest("." + className).removeClass(className);
+		})
+
+		$(window).on('hidden.bs.collapse', function (e) {
+			update()
+		})
+		update()
+		// still hacking to avoid flickering
+		setTimeout(function() {
+			document.querySelector("#temp-navbar-ontop").remove()
+		})
+  	});
+
+	window.addEventListener("scroll", function() {
+		update()			
+	})
+
+})();
\ No newline at end of file