Как иметь popover с аффикс?

Question

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

Я хочу иметь popover на элементе div и прикреплен к нему.

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

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

$('.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/

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

• поповер, что вставляет «сверху: ххх px '
• Прикрепление, которое фиксирует «положение: фиксировано» при прокрутке вниз

Answer 1

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

.affix { 
    top: 15px !important; 
} 

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

Наслаждайтесь! ^^