부트 스트랩 팝 업 Z- 인덱스 문제

Question

smooth div scroll 인 div에있는 경우 부트 스트랩 팝업에 z- 인덱스가 작동하지 않는 것 같습니다. 매우 높은 값을 넣으려고했는데, 모든 CSS에서 z- 색인이 Popover보다 높았는지 확인했지만 성공하지 못했습니다.

자바 스크립트 :

$(".project").smoothDivScroll({ 
    mousewheelScrolling: "allDirections", 
    hotSpotScrolling: false, 
    touchScrolling: true 
}); 
$(".block").popover({ 
    html: true, 
    animation: true, 
    placement: 'right' 
}); 

는 여기이 순간에 보이는 방법은 다음과 같습니다 1, 2.

라이브 예 : here

Answer 1

표시되는 클리핑은 아마도 Z- 인덱스 선언과 관련이 없으며 대신 .project div의 크기 및 중첩 된 div의 오버플로 선언과 관련됩니다.

div.scrollWrapper { 
position: relative; 
overflow: hidden; 
width: 100%; 
height: 100%; 
} 

overflow:hidden;은보고있는 클립을 만드는 것입니다.

Answer 2

나는 당신의 오버플로 함께 할 수있는 뭔가가 생각합니다. 상자가 잘린 것 같습니다. smoothDivScroll.css에서 .scrollWrapper를보고 오버 플로우를 표시로 변경하면 상자가 조금 더 표시됩니다. 나는 이것이 당신이 바라는 효과가 아니라는 것을 알고 있지만 그것이 시작이라고 생각합니다. 당신의 넘쳐 흐름이 있어야합니다.

Answer 3

이 오래지만, 다른 사람을 위해, 다음과 같은 속성을 추가하십시오 : 페이지로드에 자동으로 팝업 일부 제한 시간 후 자동으로 숨겨됩니다 내가 an popover이 저글링 미친 @

data-container="body" 

Answer 4

을 (현실에서는 파괴됩니다), navbar 자체에 대한 간략한 지시를 나타냅니다. 나는 또한 scrollto를 사용한다.

내가

data-container="body" 

방법을 추가하지 해봤 동작은 휴대폰 용이며 해당 모바일 장치와 브라우저에 따라 달라집니다. 이 같은 예상 다르게 동작 블랙 베리 OS 10에

는 팝 오버는 모두의 상단에 삼성/안드로이드에

기본 브라우저 아무튼 (다른 장치에 대한 도움이 될 수 있지만)는 데이터 컨테이너가 필요하지 않은 일부 html5 서클은 정사각형으로 표시되지만 popover를 표시하지는 않으므로 html5도 가능하지 않으며 드롭 다운 항목이 완전히 표시되지 않는 것으로 보입니다. 전체 스크랩입니다. 동일한 samsung/android에서 firefox는 훨씬 더 좋지만 popover는 navbar 로고에 의해 숨겨집니다. 안드로이드에 대한 크롬을 시도하지 않았습니다.

나는 각 특정 장치의 모든 모바일 브라우저에 대해 자체 스토리가 될 것으로 기대합니다.