WL-890 | Fix the course detail page sticky bar.

edx-platform/example/lms/static/js/sticky.js

@@ -9,45 +9,45 @@ $(document).ready(function() {
     'use strict';
     var makeSticky = function() {
         $el.css({
-            position: 'fixed',
-            top: 0,
-            width: '100%',
+            'position': 'fixed',
+            'top': 0,
+            'width': '100%',
             'z-index': '10',
             'box-shadow': '0px 1px 5px rgba(0,0,0,0.5)'
         });
-        $('.sticky-course-title').removeClass('hidden');
-        $('.course-run').addClass('hidden');
+        $(".sticky-course-title").removeClass("hidden");
+        $(".course-run").addClass("hidden");
     };
     var removeSticky = function() {
         $el.css({
-            position: 'static',
+            'position': 'static',
             'z-index': '0',
             'box-shadow': 'none'
         });
-        $('.sticky-course-title').addClass('hidden');
-        $('.course-run').removeClass('hidden');
+        $(".sticky-course-title").addClass("hidden");
+        $(".course-run").removeClass("hidden");
     };
     var initializeSticky = function() {
         var windowTop = '';
-        if ($el.length) {        // Element should exist
-            $(window).scroll(function() {
-                if ($(window).width() >= MIN_WEB_WIDTH) {
-                    windowTop = $(window).scrollTop();
-                    if (stickyBarTop < windowTop) {
-                        makeSticky();
-                    } else {
-                        removeSticky();
-                    }
-                }
-            });
+        if ($(window).width() >= MIN_WEB_WIDTH){
+            windowTop = $(window).scrollTop();
+            if (stickyBarTop < windowTop){
+                makeSticky();
+            }
+            else {
+                removeSticky();
+            }
         }
-    };
-    initializeSticky();
-    $(window).resize(function() {
-        if ($(window).width() >= MIN_WEB_WIDTH) {
-            makeSticky();
-        } else {
+        else {
             removeSticky();
         }
+    };
+    if ($el.length) {        //Element should exist
+        $(window).scroll(function(){
+            initializeSticky();
+        });
+    }
+    $(window).resize(function() {
+        initializeSticky()
     });
 });