概述
项目js代码:
$(window).resize(function() {
$('#data-list').height($(window).height() - $('#data-list').offset().top - 50)
});
$(window).height(): 获得当前窗口的高度。
$('#data-list').offset().top: 获得id为data-list的上面部分的高度。
$(window).resize(): jQuery中的方法,当窗口大小改变时触发resize方法,此处即每次窗口改变时将data-list的高度调整为
$(window).height() - $('#data-list').offset().top - 50的高度。
相关图片:
若不设置动态调整:
设置动态调整:
最后
以上就是整齐发卡为你收集整理的js调整浏览器窗口大小的全部内容,希望文章能够帮你解决js调整浏览器窗口大小所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复