gpt4 book ai didi

javascript - JS根据视点添加padding top?

转载 作者:太空宇宙 更新时间:2023-11-04 14:27:40 26 4
gpt4 key购买 nike

是否可以根据视点/屏幕尺寸向元素添加 padding top?

例如,你有一个大的图像横幅,你希望它是你加载页面时看到的第一件事,下面没有任何内容,因为它已经通过视点 js 添加的填充被向下推,所以你然后滚动到此为止。

那么响应式图像然后是您的内容,但无论屏幕尺寸如何,图像总是先填满屏幕?

然后您将内容向上滚动到横幅图像上,因此需要根据屏幕尺寸进行动态填充?

最佳答案

我了解到您想在页面顶部添加一个填充/边距以将其主要内容向下推到屏幕的高度。

这是我用 jQuery 编写的快速 JS

将此代码放入 <head> jQuery 本身的 include 标记之后的标记。

$(window).load(function() {
$(".contentClass").css('padding-top', $(window).height());
});

您可以在 <head> 中添加带有此标记的 jQuery 库html文件的标签:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

关于javascript - JS根据视点添加padding top?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19422644/

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