我试图在投资组合部分复制此网站上的效果,它会在视口的全尺寸中滑动面板,然后在单击关闭时将其滑出。
此处示例:http: //alwayscreative.net/#portfolio
这是我当前的标记:
<section class="panel" id="portfolio">
<section class="content">
<h1>What are you <strong>interested</strong> in?</h1>
<a class="btn-portfolio" id="btn-commercial" href="#">Commercial</a>
<a class="btn-portfolio" id="btn-residential" href="#">Residential</a>
</section>
</section>
.panel 部分是视口的 100% 高度和宽度,我想要 2 个不同的面板能够滑入 - 一个用于#btn-commercial,一个用于#btn-residential。
任何想法如何做到这一点?
如果有帮助,这是我的网站到目前为止:http ://www.freshbrand.ca/testlink/top40/#portfolio