Bootstrap 3 поповер прокрутки не работает

Question

HTML

<div class="pop-div"> 
    <a href="#" data-toggle="popover" title="<strong>Notifiche</strong>" data-html="true" data-content="Notification 1<hr />Notification 2<hr />Notification 3 <hr />Notification 4">Notifications</a> 
    </div> 

JavaScript

$('[data-toggle="popover"]').popover({placement: 'bottom'}); 

     //hide popover when click outside 
     $('body').on('click', function (e) { 
      $('[data-toggle="popover"]').each(function() { 
       if ($(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) { 
        $(this).popover('hide'); 
       } 
      }); 
     }); 

CSS

.pop-div .popover-content { 
height: 50px; 
overflow-y: scroll; 

}

У меня есть этот пирог в приведенном выше коде. Я пытаюсь показать полосу прокрутки слева от содержимого popover, но этот код не работает. Любая помощь будет оценена по достоинству. Спасибо!

Answer 1

Это потому, что ваша декларация CSS неверна. Вы должны разделить селекторы с запятой ,:

.pop-div, .popover-content { 

не

.pop-div .popover-content { 

в этом случае .pop-div является unnessecary, вам нужно только

.popover-content { 
    height: 50px; 
    overflow-y: scroll; 
} 

см скрипку ->http://jsfiddle.net/tv5Vu/