是否可以根据视点/屏幕尺寸向元素添加 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>
我是一名优秀的程序员,十分优秀!