可以通过以下步骤实现:
.parent-div {
height: 400px; /* 设置父div的固定高度 */
overflow: auto; /* 设置溢出时显示滚动条 */
}
.sub {
height: 200px; /* 设置sub的固定高度 */
}
var parentDiv = document.querySelector('.parent-div');
var sub = document.querySelector('.sub');
parentDiv.addEventListener('scroll', function() {
var scrollTop = parentDiv.scrollTop; // 获取父div的滚动高度
var limitHeight = 300; // 设置限制高度
if (scrollTop >= limitHeight) {
sub.style.height = limitHeight + 'px'; // 限制sub的高度
} else {
sub.style.height = ''; // 恢复sub的原始高度
}
});
在上述代码中,我们设置了一个限制高度(limitHeight),当父div的滚动高度(scrollTop)超过限制高度时,将sub的高度设置为限制高度;否则,恢复sub的原始高度。
以上是一些可能适用的腾讯云产品,具体选择应根据实际需求和项目要求进行评估和决策。
领取专属 10元无门槛券
手把手带您无忧上云