Trunks.js Меню выдвижного ящика

#jquery #css #menu #drawer

#jquery #css #меню #ящик

Вопрос:

Может кто-нибудь указать мне на хорошее меню ящика с помощью руководства по jquery. Я пытаюсь использовать Trunk.js плагин, который очень хорош, но я столкнулся с проблемой. Если я помещаю ползунок в основное содержимое, он перемещается поверх фиксированной навигационной панели, а не под ней. Пример здесь:

Ссылка здесь

Может быть, кто-нибудь может помочь мне решить эту проблему. Спасибо

Ответ №1:

Пожалуйста, предоставьте нам ваш образец?

Это звучит как проблема с z-индексом. Попробуйте установить z-индекс вашей навигационной панели равным 999.

 z-index:999;
 

Если это не сработает, уменьшите z-индекс слайд-шоу, возможно, для этого вам придется использовать «!важно». Но вы это узнаете.

 z-index:1 !imporant;
 

ПРАВКА 2:
Мои извинения, z-индекс: 998 в строке 35 trunk.css, z-индекс: 999 в строке 70 trunk.css

Комментарии:

1. Прочитайте это: w3schools.com/cssref/pr_pos_z-index.asp для получения дополнительной информации о z-индексах.

2. Я попробовал z-index: 999, который работал для слайдера при обычном размере экрана, но при уменьшении размера до мобильного телефона ящик находится поверх другого содержимого. Существует ссылка mareksvoicehs.info/sts