Не работает скролл в таблице

217
08 апреля 2019, 21:00

Как можно реализовать scroll контента в Desktop версии на каждой вкладке в pop-up? В мобильной версии (media query) вкладки пропадают и все вливается в одну большую колону.

JSFIDDLE: http://jsfiddle.net/nax7pvsq/

Заранее спасибо.

P.S. в связи с ограничением кол-ва символов не смог опубликовать свой код тут, по этому использовал jsfiddle.

Answer 1

ответ банально прост, вам нужно в эту строку добавить z-index: 100;

.vfa-tabbed #tab-nav-5:checked~.tabs>div:nth-of-type(5),.vfa-tabbed #tab-nav-6:checked~.tabs>div:nth-of-type(6),.vfa-tabbed #tab-nav-7:checked~.tabs>div:nth-of-type(7){
z-index: 100; 
width:100%;
-webkit-transform:rotateX(0);
-moz-transform:rotateX(0);
-ms-transform:rotateX(0);
-o-transform:rotateX(0);
transform:rotateX(0);
opacity:1;
}

Так как вы работаете с absolute, то слои накладывались друг на друга и скролл не работал.

И при выборе новой вкладки, должен указываться z-index: выше предыдущего слоя

READ ALSO
Как убрать рамку в input при вводе символов

Как убрать рамку в input при вводе символов

Подскажите, как убрать эту рамку как на изображении после клика мыши? Focus border none пробовал

217
Как сделать блок изображений в виде колоды карт?

Как сделать блок изображений в виде колоды карт?

Есть,допустим, блок с изображениями

202
Слайдер на мобильной версии

Слайдер на мобильной версии

Добрый вечер, хочу сделать такой слайдер на разрешении 320px, по клику или свайпу меняется видео и текстКак это лучше реализовать? Моя идея сделать...

193
Свойство Size что это?

Свойство Size что это?

Начал читать про Windows Forms и наткнулся на такой текст:

217