Changeset 23233

Timestamp:

Jun 15, 2013, 6:49:38 PM (11 years ago)

Author:

flop25

Message:

bug:2923
adding js to fix the "Add acomment" div when scrolling

Location:

trunk/themes/elegant

Files:

• scripts_pp.js (modified) (1 diff)
• theme.css (modified) (1 diff)

trunk/themes/elegant/scripts_pp.js

@@ -156 +156 @@
         
         }
-        
+  
+  var top = jQuery('#commentAdd').offset().top - parseFloat(jQuery('#commentAdd').css('marginTop').replace(/auto/, 0));
+  jQuery(window).scroll(function (event) {
+    // what the y position of the scroll is
+    var y = jQuery(this).scrollTop();
+  
+    // whether that's below the form
+    if (y >= top) {
+      // if so, ad the fixed class
+      jQuery('#commentAdd').addClass('fixed');
+    } else {
+      // otherwise remove it
+      jQuery('#commentAdd').removeClass('fixed');
+    }
+  });
+
         
 });

trunk/themes/elegant/theme.css

@@ -257 +257 @@
         font-size: 100%;
 }
-
+#commentAdd.fixed {  position: fixed; top: 10px; }
 #pictureCommentList .commentsOrder      { float: left; margin-bottom: 5px;}
 #pictureCommentList .navigationBar      { float: right; margin-bottom: 5px;}