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

项目js代码:

复制代码
1
2
3
$(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调整浏览器窗口大小内容请搜索靠谱客的其他文章。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部