我是靠谱客的博主 整齐发卡,最近开发中收集的这篇文章主要介绍js调整浏览器窗口大小,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

项目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调整浏览器窗口大小所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(51)

评论列表共有 0 条评论

立即
投稿
返回
顶部