Прикрепить правую боковую панель вверху?

Я делаю боковую панель для своего веб-сайта и хочу использовать для этого 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>

html sidebar css twitter-bootstrap affix
person Wessel Visser    schedule 10.02.2015    source источник
comment
Неважно, я исправил верхнюю часть, теперь у меня проблема, что она идет под моим нижним колонтитулом. я хочу, чтобы он остановился на 300px перед нижним колонтитулом. как это сделать?   -  person Wessel Visser    schedule 10.02.2015
comment
понял.....спасибо,ребята.....ааа,жду сам ‹3   -  person Wessel Visser    schedule 10.02.2015
comment
Что вы пытались решить свою проблему? Что-нибудь гуглил? Что искали и что нашли?   -  person Palec    schedule 11.02.2015

Ответы (1)


arrow_upward
0
arrow_downward

Судя по вашему комментарию, вы решили часть своей проблемы и теперь пытаетесь определить нижнюю позицию относительно нижнего колонтитула. Плагин аффикса Bootstrap переключает классы .affix-top, .affix и .affix-bottom (вы предоставляете CSS для каждого сценария класса). Чтобы сценарий .affix-bottom работал правильно, вам нужно установить соответствующую конфигурацию нижнего смещения для элемента, используя атрибут data-offset-bottom="" , так как вы прошли маршрут атрибута для инициализации.

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

В вашем случае вы хотите, чтобы значение этого атрибута было высотой вашего нижнего колонтитула + зазор в 300 пикселей, который вы ищете между нижним колонтитулом и вашим прикрепленным элементом. Надеюсь это поможет.

person Andre Morgan    schedule 10.02.2015