search

XJQ124 / Some-notes

本仓库记录一些电脑方面的小技巧，包含各个方面
0 stars 0 forks source link

Behance复现完毕（Day：42） #45

Open XJQ124 opened 8 months ago

XJQ124 commented 8 months ago

任务：复现Behance

进度：已完成

总结：本次主要是进行样式训练

其中有几个地方值得注意

1、如何让网页上的内容固定


.fixed-content {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

      <div className="fixed-content">
        <Navigation />

      </div>

主要就是这个 position: fixed;

2、这样可以了以后还不行，需要把上面的边距给留出来


.image-content {
    margin-top:200px;
    overflow: auto;
    max-height: calc(100vh - 200px);
}

3、最后界面效果截图：

image

明日任务：把蒙层上的两个样式和动画做上去