Question

所以我有一个视差滚动网页，你可以看到它here我希望能够有一个链接我的博客显然不在同一页面，因为它不是一个普通的风格网页。我已经将彩带/横幅显示在与我的网页不同的页面上，您可以看到它here。我只是使用div来显示它。

<div class="wrapper">
     <div class="ribbonw"><div class="ribbon"><a href="google.com">Visit my blog </div>    
</div>
</div>

如何在不搞定页面的情况下将其添加到网页中。我已经做了一些关于如何制作横幅的研究，但是我不确定如何将它添加到页面中，因为我什么时候才能将它显示在页面上或者只是一个长的页面上的白色条带。

所以，总结一下我要问的是如何在我的页面的第二个链接上添加横幅，我希望它看起来像this页面上的横幅。

Answer 1

为了回答未来用户的问题，我必须将上面的代码添加到实际的第一个＆＃34; slide＆＃34;或第一个div。我的意思是，在视差滚动页面中，您将页面拆分为div。所以我只需要将我的横幅添加到第一个div中。它看起来像这样：

<!-- begin slide 1 -->
<div class="slide" id="slide1" data-slide="1" data-stellar-background-ratio="0.5">
<div class="wrapperr">
       <div class="ribbonw">
                <div class="ribbon">
                    <a href="google.com">Visit my blog</a>
                 </div>
       </div>
</div>
more content here
</div> 
<!-- end slide 1 -->

正如您所看到的，我只需将内容添加到幻灯片中。我之前在外面创建了另一张幻灯片。

角旗 - 添加到页面

1 个答案: