当我在 Chrome 和 Firefox 上运行它并检查控制台日志时,
heightWrapper
div 的滚动高度显示为不同(Chrome 显示 36 px,而 Firefox 显示 18 px)。我想在 Firefox 上有 Chrome 版本的高度计算。
https://jsfiddle.net/krank56/nb9aLomr/
<html>
<head>
<style>
.column-wrapper{
column-count: 6;
column-rule: 0;
column-gap: 0;
}
.fixed-height-container{
height: 2000px;
}
</style>
</head>
<body>
<div class="fixed-height-container">
<div class="column-wrapper">
<div class="height-wrapper">
<div class="content">
Text
</div>
<div class="content">
More text
</div>
</div>
</div>
</div>
<script>
const heightWrapper = document.querySelector(".height-wrapper")
console.log(heightWrapper.scrollHeight)
</script>
</body>
</html>