cleditor
3 days ago
codemirror
3 days ago
marionette
3 days ago
pods-dfv
3 days ago
qtip
3 days ago
selectWoo
3 days ago
sprintf
3 days ago
timepicker
3 days ago
admin-importer.js
3 days ago
advanced.js
3 days ago
codemirror.js
3 days ago
floatmenu.js
3 days ago
handlebars.js
3 days ago
jquery.pods.attach.js
3 days ago
jquery.pods.js
3 days ago
jquery.pods.migrate.js
3 days ago
jquery.pods.upgrade.js
3 days ago
pods-i18n.js
3 days ago
pods-link-picker.js
3 days ago
qtip.js
3 days ago
floatmenu.js
40 lines
| 1 | // change the menu position based on the scroll positon |
| 2 | |
| 3 | jQuery(document).ready(function($) { |
| 4 | $( '.pods_floatmenu' ).each(function() { |
| 5 | var floatmenu = $( this ); |
| 6 | var margin = 20; |
| 7 | var offset = floatmenu.offset(); |
| 8 | var top = margin; |
| 9 | if ( $('html').hasClass( 'wp-toolbar' ) ) { |
| 10 | offset.top -= parseInt( $('html').css('padding-top') ); |
| 11 | top += parseInt( $('html').css('padding-top') ); |
| 12 | } |
| 13 | offset.left -= margin; |
| 14 | offset.top -= margin; |
| 15 | var right = $(window).width() - offset.left; |
| 16 | window.onscroll = function () { |
| 17 | if ( window.XMLHttpRequest ) { |
| 18 | // Make sure the window height is larger than the floatmenu height |
| 19 | if ( $(window).height() < ( floatmenu.height() + ( 2 * margin ) ) ) { |
| 20 | return; |
| 21 | } |
| 22 | if ( document.documentElement.scrollTop > offset.top || self.pageYOffset > offset.top ) { |
| 23 | floatmenu.css( { |
| 24 | 'position': 'fixed', |
| 25 | 'top': top + 'px', |
| 26 | 'right': right + 'px' |
| 27 | } ); |
| 28 | } |
| 29 | else if ( document.documentElement.scrollTop < offset.top || self.pageYOffset < offset.top ) { |
| 30 | floatmenu.css( { |
| 31 | 'position': 'relative', |
| 32 | 'top': 'auto', |
| 33 | 'right': 'auto' |
| 34 | } ); |
| 35 | } |
| 36 | } |
| 37 | }; |
| 38 | }); |
| 39 | }); |
| 40 |