Участник:MailGik/hilarious.js — различия между версиями
Материал из Hilarious Wiki
MailGik (обсуждение | вклад) |
MailGik (обсуждение | вклад) |
||
Строка 3: | Строка 3: | ||
var footerId = document.getElementById("footer"); | var footerId = document.getElementById("footer"); | ||
var scrollTopId = document.createElement("a"); | var scrollTopId = document.createElement("a"); | ||
− | scrollTopId.setAttribute(" | + | scrollTopId.setAttribute("id","scroll-top"); |
scrollTopId.setAttribute("title","Наверх"); | scrollTopId.setAttribute("title","Наверх"); | ||
footerId.appendChild(scrollTopId); | footerId.appendChild(scrollTopId); | ||
Строка 9: | Строка 9: | ||
function scrollTop(){ | function scrollTop(){ | ||
$(window).scroll(function(e) { | $(window).scroll(function(e) { | ||
− | + | if($(window).scrollTop()>0) | |
− | + | $("#scroll-top").fadeIn(300); | |
− | + | else | |
− | + | $("#scroll-top").fadeOut(300); | |
}); | }); | ||
}; | }; | ||
$(function(){ | $(function(){ | ||
$("#scroll-top").click(function(e) { | $("#scroll-top").click(function(e) { | ||
− | $('body,html').animate({scrollTop:0}, | + | $('body,html').animate({scrollTop:0},300); |
}); | }); | ||
scrollTop(); | scrollTop(); | ||
}); | }); |
Версия 18:05, 19 августа 2016
/* Добавляет кнопку "Вверх" слева */
var footerId = document.getElementById("footer");
var scrollTopId = document.createElement("a");
scrollTopId.setAttribute("id","scroll-top");
scrollTopId.setAttribute("title","Наверх");
footerId.appendChild(scrollTopId);
function scrollTop(){
$(window).scroll(function(e) {
if($(window).scrollTop()>0)
$("#scroll-top").fadeIn(300);
else
$("#scroll-top").fadeOut(300);
});
};
$(function(){
$("#scroll-top").click(function(e) {
$('body,html').animate({scrollTop:0},300);
});
scrollTop();
});