Проблемы с bootstrap popover z-index

Question

Я не могу заставить z-index работать над bootstrap popover, если он находится в div, на котором есть smooth div scroll. Я попытался поставить чрезвычайно высокие значения, посмотрел во всех css, чтобы увидеть, были ли какие-либо z-индексы выше, чем popover, но не достигли успеха.

Javascript:

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

Вот как это выглядит на данный момент: 1, 2.

Живой пример: here

Answer 1

Обрезание, которое вы видите, вероятно, не связано с объявлениями z-index, но вместо этого связано с размером вашего .project div и декларацией переполнения для вложенного div.

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

overflow:hidden; является то, что создание клипов вы видите.

Answer 2

Я считаю, что это что-то делать с переливом. Кажется, он обрезает ваши коробки. Если вы посмотрите на .scrollWrapper в smoothDivScroll.css и измените переполнение на видимое, вы увидите немного больше нашего окна. Я знаю, что это не ваш желаемый эффект, но я думаю, что это начало. Должно быть что-то с вашим переполнением.

Answer 3

Это старое, но и для других, попробуйте добавить следующий атрибут:

data-container="body" 

Answer 4

@ сумасшедшего Zergling

У меня есть an popover, который появляется автоматически при загрузке страницы и получает скрытый автоматически после некоторого промежутка времени (в действительности он уничтожается), это указывает на краткую инструкцию о/о самой навигационной панели. Я также использую scrollto.

Я пытался добавляя

data-container="body" 

никакого способа, поведение для мобильных телефонов и зависит от того мобильного устройства и его браузера.

На ежевика OS 10 он ведет себя, как и ожидалось, поповер находится на вершине всего, и не было необходимости в данных-контейнер (хотя это может быть полезным для других устройств)

На Samsung/Android по умолчанию браузер Безразлично Показывать popover, хотя также некоторые круги html5 отображаются как квадраты, поэтому он выглядит не так, как html5, но и выпадающие элементы не отображаются полностью, общий лома. На том же samsung/android firefox намного лучше, но там, popover скрыт логотипом navbar. Не пробовал хром для андроида.

Я ожидаю, что это будет его собственная история для каждого мобильного браузера на каждом конкретном устройстве.