$('.totop').toTop({
autohide: true,//是否自动隐藏
offset: 420,//距离顶部的高度
speed: 500,//速度
position: true,//定位
right: 0,
bottom: 30
});
(function ($) {
'use strict';
$.fn.toTop = function (opt) {
//variables
var elem = this;
var win = $(window);
var doc = $('html, body');
//Extended Options
var options = $.extend({
autohide: true,
offset: 420,
speed: 500,
position: true,
right: 15,
bottom: 30
}, opt);
elem.css({
'cursor': 'pointer'
});
if (options.autohide) {
elem.css('display', 'none');
}
if (options.position) {
elem.css({
'position': 'fixed',
'right': options.right,
'bottom': options.bottom,
});
}
elem.click(function () {
doc.animate({ scrollTop: 0 }, options.speed);
});
win.scroll(function () {
var scrolling = win.scrollTop();
if (options.autohide) {
if (scrolling > options.offset) {
elem.fadeIn(options.speed);
}
else elem.fadeOut(options.speed);
}
});
};
}(jQuery));
滚动到顶部
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 只有一个ScrollView的时候 我们在使用App的时候,经常会看到这样的效果,当我们点击状态栏的时候,我们已经...
- ScrollView 滚动到顶部判断 滚动到底部判断 其中getChildAt表示得到ScrollView的chi...
- 背景 现在有许多 app 都有这个需求, 点击 statusBar, tableView/collectionvi...