Changeset 25465 in main

Timestamp:

07/01/22 12:10:23 (6 weeks ago)

Author:

GarthBraithwaite_STG

Message:

view - added scrollUup to the top script and css.

Location:

trunk/ibisph-view/src/main/webapp

Files:

• css/scrollUp.css (added)
• css/stylesheet.css (modified) (1 diff)
• js/jquery.scrollUp.js (modified) (1 diff)
• xslt/html/Page.xslt (modified) (2 diffs)

trunk/ibisph-view/src/main/webapp/css/stylesheet.css

@@ -25 +25 @@
 @import url("PleaseWait.css");
 @import url("Popup.css");
+@import url("scrollUp.css");
 @import url("SocialMedia.css");
 

trunk/ibisph-view/src/main/webapp/js/jquery.scrollUp.js

@@ -127 +127 @@
 
     // Defaults
-    $.fn.scrollUp.defaults = {
-        scrollName: 'scrollUp',      // Element ID
-        scrollDistance: 600,         // Distance beyond the browser window height before showing (px)
-        scrollFrom: 'top',           // 'top' or 'bottom'
-        scrollSpeed: 300,            // Speed back to top (ms)
-        easingType: 'linear',        // Scroll to top easing (see http://easings.net/)
-        animation: 'fade',           // Fade, slide, none
-        animationSpeed: 200,         // Animation in speed (ms)
-        scrollTrigger: false,        // Set a custom triggering element. Can be an HTML string or jQuery object
-        scrollTarget: false,         // Set a custom target element for scrolling to. Can be element or number
-        scrollText: 'Scroll to top', // Text for element, can contain HTML
-        scrollTitle: false,          // Set a custom <a> title if required. Defaults to scrollText
-        scrollImg: false,            // Set true to use image
-        activeOverlay: false,        // Set CSS color to display scrollUp active point, e.g '#00FFFF'
-        zIndex: 2147483647           // Z-Index for the overlay
+    $.fn.scrollUp.defaults = 
+        {
+                "scrollName":     "scrollUp"    // Element ID
+                ,"scrollDistance": 400                  // Distance from top/bottom before showing element (px)
+                ,"scrollFrom":     "top"                // "top" or "bottom"
+                ,"scrollSpeed":    150                  // Speed back to top (ms) - because this is a simple not smooth do it fast.
+                ,"easingType":     "swing"              // linear or swing 
+                ,"animation":      "slide"              // fade, slide, none
+                ,"animationSpeed": 300                  // Animation speed (ms)
+                ,"scrollTrigger":  false                // Set a custom triggering element. Can be an HTML string or jQuery object
+                ,"scrollTarget":   false                // Set a custom target element for scrolling to. Can be element or number
+                ,"scrollText":     ""                   // &lt; Text for element, can contain HTML
+                ,"scrollTitle":    "scroll to top"              // Set a custom [a] title if required. Defaults to scrollText.
+        ,"scrollImg":      false        // Set true to use image
+                ,"activeOverlay":  false                // Set CSS color to display "scrollUp active point, e.g "#00FFFF" - used for debugging
+        ,"zIndex":         2147483647   // Z-Index for the overlay
     };
 

trunk/ibisph-view/src/main/webapp/xslt/html/Page.xslt

@@ -319 +319 @@
         
                 <script src="js/jquery.js"/>
+                <script src="js/jquery.scrollUp.js"/>
                 <script src="js/jquery.wikitohtml.js"/>
                 <script src="js/kendo.js"/>
@@ -333 +334 @@
                                 window.baseRequestPath = "<xsl:value-of select="$ibis.baseRequestPath"/>";
                                 window.encodedPageRequestURI = encodeURI(location.href);
+
+                                // add the scroll to top code
+                                $(function () { $.scrollUp() });
 
                                 // Add the wiki processing if any element uses it.  This should