Gebruiker:Fab/common.js: verschil tussen versies
Naar navigatie springen
Naar zoeken springen
(Nieuwe pagina aangemaakt met 'document.write('Test of dit werkt');') |
|||
Regel 1: | Regel 1: | ||
+ | $(function(){ |
||
− | document.write('Test of dit werkt'); |
||
+ | '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'); |
||
+ | } |
||
+ | }); |
||
+ | }); |
Versie van 25 aug 2017 10:00
$(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');
}
});
});