2015-02-10 201 views
0

我正在爲我的網站做一個側欄,並希望爲此使用「附加」。 問題是,當我向下滾動,它激活側欄固定頂部去,並沒有停留在他的位置。附加側邊欄右側頂部?

這是我的側邊欄:基於您的評論

<aside class="aside-affix" data-spy="affix" data-offset-top="120" id="affix"> 
    <p>Dit is een pagina met alle projecten. Deze tekst verschijnt in de sidebar aan de rechterkant.</p> 
    <p>Donec at elementum odio. Vestibulum eleifend turpis diam. Phasellus id ante pharetra, cursus purus venenatis, tempus lacus. Curabitur a eleifend lorem. Pellentesque erat justo, ultrices quis mi id, feugiat imperdiet sapien. Ut aliquet orci urna, convallis fringilla risus pharetra ut.</p> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et congue velit. Vivamus eget lectus arcu. Donec eu porttitor erat. Suspendisse potenti. Vestibulum dignissim leo luctus nibh egestas, nec blandit tortor feugiat. Praesent at ornare velit. Aliquam gravida metus velit, in pellentesque mi iaculis sed. Ut rutrum semper elementum.</p> 
</aside> 
+0

沒關係,我把最重要的東西修好了,現在我的問題就出現在了我的頁腳下面。我希望它在頁腳之前停在300px。怎麼做? – 2015-02-10 15:57:15

+0

明白了..... thanx guys ..... ow等我自己<3 – 2015-02-10 16:35:04

+0

你試圖解決你的問題是什麼?谷歌搜索什麼?你搜索什麼,你發現了什麼? – Palec 2015-02-10 21:54:52

回答

0

看起來你已經解決您的問題的一部分,正試圖頁腳想通了獲得相對底部位置。 Bootstrap的詞綴插件可以切換類.affix-top,.affix和.affix-bottom(爲每個類場景提供CSS)。爲了讓.affix底部的場景正常工作,您需要使用data-offset-bottom =「」屬性在元素上設置適當的底部偏移量配置,因爲您已經使用屬性路由進行初始化。

<aside class="aside-affix" data-spy="affix" data-offset-top="120" data-offset-bottom="600" id="affix">

在你的情況,你會希望該屬性的值是你的頁腳的高度+的300像素間隙你尋找的頁腳和貼元件之間。希望這可以幫助。

相關問題