我也希望视差效果也包含h1,以便它向上滚动而没有后面的图像,怎么办?

问题描述 投票:0回答:1

我希望页面中间的名称在向下滚动时向上滚动,我使div底部固定位置爬到图像的顶部,但是不知何故还包括了名称和字幕。我不想要那个。

我目前有2个容器div

和其中包含文本的一个div

这里是CSS代码:

/即图像的第一个固定div /

  #intro {
  display: 100%;
  position: fixed;
  z-index: -99;
  background-image: url('images/la.jpeg');
  top: 0;
  height: 500px;
  width: 100%;
    }

/此第二个div用于h1和p它是介绍div图像的子级。 /

 .infirst {
  display: inline-block;
  position: absolute;
  margin: 250px 0 0 580px;
    }

/最后是div在他们两个人的上方攀爬/

.about-me {
 background-color: #000000;
 width: auto;
 height: 1000px;
 position: relative;
 z-index: 1000;
 margin-top: 100%;
     }

picture of the site

html css position parent-child parallax
1个回答
-1
投票

请在带有转换的Transform(转换:translateY(0px);)中将translateY赋予h1。推荐这个网站https://www.lemonade.com/

© www.soinside.com 2019 - 2024. All rights reserved.