JavaScript
- 69 ответов
- 0 вопросов
20
Вклад в тег
(function($) {
$.fn.totop = function(options) {
options = $.extend(
{
height : 300, // позиция появления
speed : 1000 // скорость прокрутки наверх
}, options);
return this.each(function() {
button = $(this);
$(window).scroll( function() {
if ( $(window).scrollTop() > options.height ) {
if (!button.attr('data-x')) {
button.fadeIn();
}
} else {
if (!button.attr('data-x')) {
button.fadeOut();
}
}
});
button.click(function(e) {
if ($(this).attr('data-x')) {
var top = parseInt($(this).attr('data-x'));
e.preventDefault();
$('html, body').stop().animate({scrollTop: top}, options.speed, function(){
button.removeAttr('data-x');
});
button.html('<i class="icon-arrow-up"></i>');
return false;
}
var top = $(window).scrollTop();
button.attr('data-x',top);
button.html('<i class="icon-arrow-down"></i>');
e.preventDefault();
$('html, body').stop().animate({scrollTop: "0px"}, options.speed );
return false;
});
$(window).scroll();
})
}
})(jQuery);