主页

css设置固定背景的全屏布局,在内容溢出时显示垂直滚动条

2023-08-19 03:36PM

"固定背景的全屏布局" 是一种网页布局的设计模式,其目的是使背景图像在整个屏幕上保持固定位置,而页面的内容可以在背景图像的前面滚动。

具体来说,当应用了固定背景的全屏布局时,背景图像会固定在屏幕上的某个位置,不管用户如何滚动页面,背景图像都不会移动。这为网页添加了一种视觉上的静止感。

eg: 我这里是在文章列表页,使用了下面的CSS属性:

.background {

  height: 100%;

  overflow-y: auto;

   background-attachment: fixed;
 }

就实现了具有固定背景的全屏布局,其中背景保持在页面的固定位置,它的高度被设置为100%,并且在文章列表内容溢出时显示垂直滚动条。

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论