부트 스트랩 3 팝 오버 스크롤

HTML부트 스트랩 3 팝 오버 스크롤

<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 콘텐츠 왼쪽에 스크롤 막대를 표시하려고하지만이 코드는 작동하지 않습니다. 도움이 될 것입니다. 감사합니다.

출처

2014-01-29 Valentino S.

CSS 선언이 잘못 되었기 때문입니다. 당신은 쉼표 ,와 선택기를 분리해야합니다

.pop-div, .popover-content {

하지

.pop-div .popover-content {

을, 당신은 단지

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

이 바이올린을 참조 unnessecary 필요가있다 .pop-div이 경우 ->http://jsfiddle.net/tv5Vu/

을

출처

2014-01-29 14:29:11 davidkonrad

예, 그쪽으로 너. 하지만 이제는 또 다른 실수가 있습니다. 내 페이지에서 두 가지 팝업이 같은 방식으로 정의되었습니다. 이 중 하나를 클릭하면 두 번째 클릭 후 첫 번째 팝업이 숨겨지고 모든 것이 올바르게 작동합니다. 하지만 첫 번째 팝업에서 다시 클릭 한 후 제대로 작동하지 않는 것 같습니다. 마우스는 스크롤을 클릭 할 수 없으며 popover의 링크가 제대로 작동하지 않습니다. 브라우저가 숨겨진 경우에도 마지막으로 열린 popover가 열려 있다고 생각합니다. 어떠한 제안? –

제가 생각하기에, 브라우저는 보류되어있는 마지막 클로우즈 드 오버랩을 열었습니다. 그리고 첫 번째 팝 오버가 시작된 후, 두 번째 이후 그리고 마지막으로 첫 번째 팝 오버가 열렸을 때만입니다. 따라서 마우스는 스크롤을 클릭 할 수 없으며 popover의 링크가 제대로 작동하지 않습니다. 네가 어떤 제안이라도 있으면 나는 아주 행복 할 것이다. –

@ user84151, 안녕하세요 - 네,하지만 코드 예제가 있습니까? 그것은 popover와 함께 일반적인 문제입니다. 어쩌면 당신은 대답을 찾을 수 있습니다, 그것은 많은 시간을 회상했습니다. 그러나 질문에 예제를 추가하거나 새로운 질문을하면 도움이됩니다. – davidkonrad

부트 스트랩 3 팝 오버 스크롤

답변

관련 문제