Как сделать поповер с аффиксом?

Это должен быть легкий вопрос для опытных пользователей Bootstrap :)

Я хочу иметь всплывающее окно на элементе div и прикрепить всплывающее окно.

Цель такова: когда пользователь прокручивает страницу вниз, если всплывающее окно выходит за пределы экрана, оно получает «положение: фиксировано» или что-то в этом роде.

Это лучшее, что я мог сделать:

$('.start').click(function (event) {
    $(this).popover({
        placement: 'top',
        html: true,
        content: '<div id="popover-id">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit auctor neque eu elementum.</div>',
        title: 'Popover',
        container: '.container'
    }).popover('show');
    $('#popover-id').parent().parent().affix({
        offset: {
            top: 175
        }
    });
});

См. Скрипку: http://jsfiddle.net/fx53fvwf/1/

Проблема в некотором роде конфликта между

  • Всплывающее окно со вставкой 'top: xxx px'
  • Аффикс, который вставляет "положение: фиксировано" при прокрутке вниз

twitter-bootstrap popover affix
person Réjôme    schedule 30.04.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Чтобы разрешить конфликт, вы должны установить приоритет верхней позиции аффикса с помощью ключевого слова! Important:

.affix {
    top: 15px !important;
}

См. Обновленную скрипку: http://jsfiddle.net/fx53fvwf/4/

Наслаждаться ! ^^

person Danh    schedule 05.05.2015
comment
Так просто ... Большое спасибо! - person Réjôme; 05.05.2015