JS实时监听浏览器宽度的变化

clientHeight:function(){
//加载页面时执行一次
changeHeight();
//监听浏览器宽度的改变
window.onresize = function(){
changeHeight();
};

function changeHeight(){
    //获取网页可见区域宽度
    var docHeight =  document.documentElement.clientHeight;
    if(docHeight <= 750){
        $('.login-bottom-banner').hide();
        $('.login-bottom-banner-text').hide();
    }else {
        $('.login-bottom-banner').show();
        $('.login-bottom-banner-text').show();
    }
}

},

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,678评论 1 45
  • $HTML, HTTP,web综合问题 1、前端需要注意哪些SEO 2、 的title和alt有什么区别 3、HT...
    Hebborn_hb阅读 4,653评论 0 20
  • $HTML, HTTP,web综合问题 1、前端需要注意哪些SEO 3、HTTP的几种请求方法用途 4、从浏览器地...
    peng凯阅读 783评论 0 1
  • 人越来越丑,心越来越美
    我想是谁阅读 159评论 0 0
  • 你是最亮的那颗星星吗? 人生苦短,何不让自己快乐。世界上没有绝对的公平,只有让自己的内心处在一个公平的...
    thebestmyself阅读 640评论 4 0