DEV Community
·
揭秘KPR Verse页脚效果的神奇之处
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
作者在KPR-verse网站发现了一个有趣的底部效果，并分享了复刻教程。首先，创建一个包含类.container的div，分为.subcontainer-wrapper和footer两部分。footer包含KPR横幅，.subcontainer-wrapper分为上下部分，上部有内容，下部为空。通过将.subcontainer-wrapper设为绝对定位，使其在footer前显示，滚动到底部时footer显现。教程简化了复杂设计，便于理解和实现。
🎯
关键要点
- 作者在KPR-verse网站发现了一个有趣的底部效果，并分享了复刻教程。
- 首先，创建一个包含类.container的div，分为.subcontainer-wrapper和footer两部分。
- footer包含KPR横幅，.subcontainer-wrapper分为上下部分，上部有内容，下部为空。
- 通过将.subcontainer-wrapper设为绝对定位，使其在footer前显示，滚动到底部时footer显现。
- 教程简化了复杂设计，便于理解和实现。
➡️
