根据窗口大小自动调整DIV高度并显示滚动条

# 自动调整DIV高度并显示滚动条 ```javascript $(function() { //窗口滚动期间计算分类列表高度显示滚动条 let headHeight = $("#navbar").height(); //console.log('head元素高度：' + headHeight); let fixedHeight = $(".fixed").height(); //console.log('fixed元素高度：' + fixedHeight); let windowHeight = $(window).height(); //console.log('窗口高度：' + windowHeight); let categoryDivHeight = $('#id_category_list').height(); //console.log('元素高度：' + categoryDivHeight); let heightDiff = headHeight + fixedHeight -windowHeight; if (categoryDivHeight - heightDiff > 0) { console.log('更改分类列表高度：' + (categoryDivHeight - heightDiff)); $("#id_category_list").css({ "max-height": categoryDivHeight - heightDiff, "overflow": "auto" }); } } ``` 上方为head，下部分为fixed，箭头指向窗口window高度，通过计算高度差来决定是否显示分类DIV滚动条 

明人不说暗话 领红包就是支持！！！ 来都来了，再到页面底部看下呗~ ↓ ↓ ↓

本文地址： http://blog.starmeow.cn/detail/a684eceee76fc522773286a895bc8436/

很赞哦！ (0)