组件开发:根据浏览器高度做处理

/**
 * 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辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容