将侧边栏右移到顶部？

Question

我正在为我的网站制作侧边栏，并想为此使用 Affix。问题是，当我向下滚动并激活固定在顶部的侧边栏时，它不会停留在他的位置上。

这是我的侧边栏：

<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>

Answer 1

根据您的评论，您似乎已经解决了部分问题，现在正尝试找出相对于页脚的底部位置。 Bootstrap 的词缀插件切换 classes .affix-top、.affix 和 .affix-bottom（您为每个 class 场景提供 CSS）。为了使 .affix-bottom 方案正常工作，您需要使用 data-offset-bottom="" 属性在元素上设置适当的底部偏移配置，因为您使用属性路由进行初始化。

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

在您的情况下，您希望该属性的值是页脚的高度 + 您在页脚和附加元素之间寻找的 300 像素间隙。希望这有帮助。

将侧边栏右移到顶部？

Affix sidebar right goes to top?

html

css

twitter-bootstrap

sidebar

affix