Warning.png

Поддержка Wiki прекращена, она доступна в режиме архива. Информация в ней устарела и может быть неактуальной.

Участник:MailGik/hilarious.js — различия между версиями

Материал из Hilarious Wiki
Перейти к: навигация, поиск
(Отмена правки 2345, сделанной участником MailGik (обс.))
(Отмена правки 2343, сделанной участником 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("class","scroll-top hide-scroll-top");
+
scrollTopId.setAttribute("id","scroll-top");
 
scrollTopId.setAttribute("title","Наверх");
 
scrollTopId.setAttribute("title","Наверх");
 
footerId.appendChild(scrollTopId);
 
footerId.appendChild(scrollTopId);
  
$(document).ready(function() {
+
function scrollTop(){
  $(".scroll-top").each(function() {
 
var t, e;
 
return (t = $(this)).hide().removeClass("hide-scroll-top"),
 
e = 0,
 
$(window).scroll(function() {
 
return t[$(this).scrollTop() > 0 ? "fadeIn" : "fadeOut"](300)
 
}),
 
t.find(".scroll-top-img").click(function() {
 
var t;
 
return t = $(window),
 
t.scrollTop() > 0 && (e = t.scrollTop(),
 
$("body,html").animate({
 
scrollTop: 0
 
}, 400)),
 
!1
 
});
 
});
 
});
 
 
 
/*function scrollTop(){
 
 
     $(window).scroll(function(e) {
 
     $(window).scroll(function(e) {
 
     if($(window).scrollTop()>0)
 
     if($(window).scrollTop()>0)
Строка 40: Строка 20:
 
     });
 
     });
 
     scrollTop();
 
     scrollTop();
});*/
+
});

Версия 18:22, 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();
});