javascript - HTML 页面呈现 - 通过 Javascript 调整大小进行的更正感觉有点不和谐

标签 javascript html css

我有一个着陆页,它有一个页眉、一个粘性页脚和一个带有视频和占位符图像的主区域。使用 CSS,我进行了一些计算以使视频区域达到可用的大小,但它不适用于所有屏幕尺寸,因此我不得不求助于通过 onresize 事件调整 Javascript 中元素的大小。

问题是,我首先看到页面呈现的元素大小需要更正,然后它几乎立即被 javascript 更正(< 0.5 秒)。我在视觉上看到了这种情况,想知道是否有一种方法可以让我延迟原始渲染并在元素大小正确时简单地看到它。

过去,我曾尝试让标签在开始时不可见,然后在 javascript 中使其可见。这是实现我正在尝试的目标的最佳方法吗?

最佳答案

您可以通过在 CSS 中使用 visibility: hidden 隐藏内容并在 JavaScript 处理完成后将可见性更改为 visibility: visible 来实现这一点。

关于javascript - HTML 页面呈现 - 通过 Javascript 调整大小进行的更正感觉有点不和谐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57548100/

相关文章:

javascript - Codewars 挑战 - 最长的元音子串

javascript - 为什么我的 SVG 组上没有触发 click 事件?

javascript - 单击图像时如何将图像更改为另一个图像

javascript - 翻转瓷砖

javascript - 获取不是数字(NaN)错误 html/js

javascript - zlib.gzip针对不同操作系统上的相同输入产生不同的结果

html - Fieldset 会破坏 Edge、FF、Chrome 中的布局,但不会破坏 IE11 中的布局?

ios - 每当我旋转 iPhone(或 Safari 窗口大小越过断点)时,HTML 元素都会增长

javascript - jQuery/JavaScript : compare two elements and their attributes

html - 多个文本更改动画不起作用