69 lines
2.0 KiB
JavaScript
69 lines
2.0 KiB
JavaScript
/**
|
||
|
||
@Name：layui.util 工具集
|
||
@Author：贤心
|
||
@License：MIT
|
||
|
||
*/
|
||
|
||
layui.define('jquery', function(exports){
|
||
"use strict";
|
||
|
||
var $ = layui.jquery
|
||
|
||
,util = {
|
||
//固定块
|
||
fixbar: function(options){
|
||
options = options || {};
|
||
options.bgcolor = options.bgcolor ? ('background-color:' + options.bgcolor) : '';
|
||
|
||
var TOP_BAR = 'layui-fixbar-top', timer, is, icon = [
|
||
options.bar1 === true ? '' : options.bar1 //bar1 - 信息图标
|
||
,options.bar2 === true ? '' : options.bar2 //bar2 - 问号图标
|
||
,'' //置顶
|
||
]
|
||
|
||
,dom = $(['<ul class="layui-fixbar">'
|
||
,options.bar1 ? '<li class="layui-icon" lay-type="bar1" style="'+ options.bgcolor +'">'+ icon[0] +'</li>' : ''
|
||
,options.bar2 ? '<li class="layui-icon" lay-type="bar2" style="'+ options.bgcolor +'">'+ icon[1] +'</li>' : ''
|
||
,'<li class="layui-icon '+ TOP_BAR +'" lay-type="top" style="'+ options.bgcolor +'">'+ icon[2] +'</li>'
|
||
,'</ul>'].join(''))
|
||
|
||
,topbar = dom.find('.'+TOP_BAR)
|
||
|
||
,scroll = function(){
|
||
var stop = $(document).scrollTop();
|
||
if(stop >= (options.showHeight || 200)){
|
||
is || (topbar.show(), is = 1);
|
||
} else {
|
||
is && (topbar.hide(), is = 0);
|
||
}
|
||
};
|
||
|
||
if($('.layui-fixbar')[0]) return;
|
||
typeof options.css === 'object' && (dom.css(options.css));
|
||
$('body').append(dom), scroll();
|
||
|
||
//bar点击事件
|
||
dom.find('li').on('click', function(){
|
||
var othis = $(this), type = othis.attr('lay-type');
|
||
if(type === 'top'){
|
||
$('html,body').animate({
|
||
scrollTop : 0
|
||
}, 200);;
|
||
}
|
||
options.click && options.click.call(this, type);
|
||
});
|
||
|
||
//Top显示控制
|
||
$(document).on('scroll', function(){
|
||
if(timer) clearTimeout(timer);
|
||
timer = setTimeout(function(){
|
||
scroll();
|
||
}, 100);
|
||
});
|
||
}
|
||
};
|
||
|
||
exports('util', util);
|
||
}); |