/**
* Created by xb on 15/10/16.
*/
(function( $, SQ ) {
var h = new SQ.Class( SQ.Widget );
h.include({
init: function( opts ) {
this.opt = {
screenHeight: 300,
callback: function() {}
};
$.extend( this.opt, opts || {} );
this.obtainScreen();
this.resizeScreen();
},
obtainScreen: function() {
var o = this.opt,
screenHeight,
$body = $( "body" );
screenHeight = window.innerHeight ? window.innerHeight :
document.documentElement.clientHeight;
$body[ screenHeight >= o.screenHeight ? "addClass" : "removeClass" ]( "resize1240" );
if ( typeof o.callback === "function" ) {
o.callback();
}
},
//函数节流,定时器
throttle: function( fn, delay ) {
var _this = this, timer = null;
return function() {
var context = _this, args = arguments;
clearTimeout( timer );
timer = setTimeout(function() {
fn.apply( context, args );
}, delay );
};
},
resizeScreen: function() {
var _this = this;
$(window).on( "resize", _this.throttle( _this.obtainScreen, 100 ) );
}
});
SQ.changeHeight = h;
})( jQuery, SQ );
//实例
new SQ.changeHeight({
callback: function() {
console && console.log( "test" );
}
});
组件开发:根据浏览器高度做处理
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。