User:Emma/common.js: Difference between revisions
Jump to navigation
Jump to search
Want an adless experience? Log in or Create an account.
(Testing some scripts) |
(replaced non-functioning script with another to test) |
||
Line 10: | Line 10: | ||
if(!confirm(message)) return e.preventDefault(); | if(!confirm(message)) return e.preventDefault(); | ||
}); | }); | ||
$( function() { | |||
'use strict'; | |||
$( 'body' ).append( '<span id="to-top">▲ Go to top</span>' ); | |||
var $topButton = $( '#to-top' ); | |||
$topButton.css( { | |||
'color': '#000', | |||
'position': 'fixed', | |||
'bottom': '-30px', | |||
'left': '4px', | |||
'cursor': 'pointer', | |||
'transition': 'bottom 0.5s', | |||
'-webkit-transition': 'bottom 0.5s', | |||
'user-select': 'none', | |||
'-webkit-user-select': 'none', | |||
'-moz-user-select': 'none', | |||
'-ms-user-select': 'none' | |||
} ).click( function() { | |||
$( 'html, body' ).animate( { scrollTop: 0 }, 'slow' ); | |||
} ); | |||
$( window ).scroll( function() { | |||
if ( $( window ).scrollTop() > 100 ) { | |||
$topButton.css( 'bottom', '4px' ); | |||
} else { | |||
$topButton.css( 'bottom', '-30px' ); | |||
} | |||
} ); | |||
} ); | |||
}); |