Яваскрипт, ссылка скролла и сам скролл

23.07.2016  11:41

Плавное проматывание окна при клике на ссылку «наверх» + появление этой ссылки только на втором экране (очевидно, что так и должно быть), решение на JavaScript:

try {
(function($){      
    $(function(){  
        var e = $(".scrollTop");  
        var speed = 500;      
        e.click(function(){  
           $("html").animate({ scrollTop: 0}, 500 ); 
			return false; 
        });  
        function show_scrollTop(){  
            ( $(window).scrollTop()>50 ) ? e.fadeIn(600) : e.hide();  
        }  
        $(window).scroll( function(){show_scrollTop()} ); show_scrollTop();  
 });      
})(jQuery);
} catch(e) {}


В html должна быть ссылка , а в начале документа можно добавить ссылку на случай, если анимация не сработает (допустим, яваскрипт не успел загрузиться, а пользователь уже тыкнул в ссылку «наверх»).


перейти в Блог | Блог (стр. 8)

Ударим лайками по бездорожью, разгильдяйству и бюрократизму!


Ключевые слова (тэги): JavaScript 24  web-программирование 75  молодым домохозяйкам 44  

Вам есть что сказать — ну я же чую.
Высказаться о наболевшем, я выслушаю:
Имя


email (не публикуется)