html - Angular 横幅 - 添加到页面

Question

所以我有一个视差滚动网页你可以看到它here我希望能够有一个链接我的博客，它显然不在同一页面上，因为它不是常规样式的网页。我已经让功能区/横幅显示在与我的网页不同的页面上，你可以看到它 here .我只是使用 div 来显示它。

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

如何在不搞砸页面的情况下将其添加到网页中。我对如何制作横幅做了一些研究，但我不确定如何将它添加到页面中，因为无论何时我这样做，要么不会出现在页面上，要么只是页面上的一条长长的白色 strip 页。

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

Answer 1

为了回答 future 用户的问题，我必须将上面的代码添加到实际的第一个“幻灯片”或第一个 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 -->

如您所见，我只需将内容添加到幻灯片中即可。在创建另一张幻灯片之前，我把它放在了外面。