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(){ | |
+ | '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 09: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');
}
});
});