我有固定高度（400 像素）的父級，子級 div 高度大于父級 div 高度（400 像素 - 子級 div 的最高值）應基于以下條件。
- 父 div 高度 - 子 div 的頂部位置值（例如：在這種情況下為 40px）
所以，最后子 div 的高度應該是 360 像素（400 像素 - 子 div 的最高值 -40 像素）
HTML：
<div class="parent">
<div >
Parent Height: <span id="parentHeight"></span><br>
Distance from top: <span id="distanceFromTop"></span><br>
Child Height: <span id="childHeight"></span><br>
</div>
</div>
腳本：
var __parentHeight = $('.parent').height();
var __distanceFromTop = $('.parent').offset().top - $('.child').offset().top;
var __finalHeight = parseInt(__parentHeight) - parseInt(__distanceFromTop);
$('#parentHeight').html(__parentHeight 'px');
$('#distanceFromTop').html(__distanceFromTop 'px');
$('#childHeight').html(__finalHeight 'px');
$('.child').css('height', __finalHeight 'px');
我得到的是：
uj5u.com熱心網友回復：
像這樣更新您的最終高度計算 => var __finalHeight = parseInt(__parentHeight) - parseInt(__distanceFromTop);
uj5u.com熱心網友回復：
您正在設定位置而不是邊距或填充。要獲得頂部位置像素，使用$('.child').position().top;這將為您提供 40px 位置頂部。
這是小提琴jsfiddle
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/358415.html
標籤：javascript 查询
上一篇：為什么按鈕功能只能作業一次
下一篇：例外'JSON寫入中的無效型別