可以通过CSS的background-attachment
属性来实现页面背景滚动效果。关键词background-attachment
需要加上高亮颜色。
具体来说,设置background-attachment: fixed;
可以固定背景图片,使得页面滚动时背景图片不会跟着滚动,从而实现背景滚动的效果。
例如,以下CSS代码可以让页面背景图片滚动:
body {
background-image: url("background-image.jpg");
background-attachment: fixed;
background-size: cover;
}
其中,background-image
用于设置背景图片的URL,background-size
用于设置背景图片的大小,cover
表示背景图片会尽可能地铺满整个页面。而background-attachment: fixed
则是关键的设置,使得背景图片固定在页面上不随滚动而移动。
需要注意的是,背景滚动效果在移动端可能会影响页面的性能和用户体验,因此建议在移动端禁用这一效果。