gpt4 book ai didi

javascript - 溢出和调整大小问题

转载 作者:行者123 更新时间:2023-11-28 03:37:39 26 4
gpt4 key购买 nike

我的网页有问题。

基本上,我有 <html>overflow:hidden ,两个水平导航栏,一个固定在左侧的垂直侧边栏,在其余中心,一个具有 height: 90% 的 div属性(property)。

编辑: 容器 div 有 overflow: auto属性(property)。

内容通过 AJAX 加载到容器区域。内容主要由表格数据组成,重点是在内容过多时让容器区域滚动。在正常高度的常规显示器上,一切都很好,但当它被带到笔记本电脑上时,最后 1-2 行由于 html 溢出而变得“隐藏”。

如果我减少原来的height: 90%设置为较小的值,问题已解决,但在我切换到高度降低的大屏幕后,内容区域未被完全覆盖。

有没有办法通过 CSS 解决这个问题?如果不是,是否可以通过屏幕调整大小 javascript 事件?

最佳答案

最简单也可能是最快的方法是使用 Javascript。如果您专门设置表格数据容器的高度,您将更好地控制布局和一般元素间距。

设置高度时,必须考虑导航栏的高度,因此在 jQuery 中,代码将如下所示:

function resizeMain()
{
$('#tabularBox').height($(window).height() - $('#topBar').height() - $('#bottomBar').height());
}

// size it on load:
$(function(){
resizeMain();
}

// and size it on resize
$(window).resize(resizeMain);

当然,有很多方法可以对此进行优化,但就是这样。而且您必须注意小屏幕,但这无论如何都会成为 % 的问题。

最后,您需要在我们的表格框中Overflow: auto;

关于javascript - 溢出和调整大小问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13177270/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com