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的附加插件切换类.affix-top，.affix和.affix-bottom（为每个类场景提供CSS）。要使.affix-bottom场景正常工作，您需要使用data-offset-bottom =＆＃34;＆＃34;在元素上设置适当的底部偏移配置。属性，因为你去了属性路由进行初始化。

＆＃13;

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

＆＃13;

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

附加侧边栏右侧顶部？

1 个答案: