32 / 32 / 24
Регистрация: 16.04.2015
Сообщений: 219
1

JasnyBootstap, выдвижное меню перекрывающее блоки с содержимым

05.11.2017, 15:08. Показов 1092. Ответов 4
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Всем здравствуйте! Верстаю шаблон, использую Bootstrap 3 и JasnyBootstap, JB использую для того, чтобы сделать выдвижное меню слева. По умолчанию в JB при открывании выдвижного меню основные блоки смещаются на ширину самого меню, в моем случае, мне необходио, чтобы меню открывалось поверх блоков с содержимым. Прикрепляю скрины. При открытии меню в body записывается следующая строка:
HTML5
1
class="canvas-slid" style="position: relative; left: 300px; overflow: hidden; right: -300px;"
Если просто в файле css поставить left: 0, то это получается как-то не красиво. Подскажите как быть в такой ситуации? Можно ли как-то сделать так, чтобы в body не записывалась эта строка?
На скринах покажу, как есть сейчас и как надо чтобы было.
JasnyBootstap, выдвижное меню перекрывающее блоки с содержимым

JasnyBootstap, выдвижное меню перекрывающее блоки с содержимым

jasny-bootstrap.rar
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
05.11.2017, 15:08
Ответы с готовыми решениями:

ВЫДВИЖНОЕ МЕНЮ
НАРОД ПОМОГИТЕ Я ХОЧУ ПОСТАВИТЬ ВЫДВЕЖНОЕ МЕНЮ !!! Поделитесь опытом и расскажите в подробностях...

Выдвижное меню
Проблема в том, что меню открывается только при клике на изображение. Кто нибудь сможет сделать...

Выдвижное меню
Доброго времени, столкнулся с такой проблем кой, как сделать выдвижное меню, и в этом выдвижном...

Выдвижное меню
Здравствуйте, каким образом можно "раздвинуть" страничку при нажатии на некую кнопку? Пример: ...

4
dev - investigator
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
05.11.2017, 15:26 2
Цитата Сообщение от Kven-M Посмотреть сообщение
мне необходио, чтобы меню открывалось поверх блоков с содержимым
Цитата Сообщение от Kven-M Посмотреть сообщение
Если просто в файле css поставить left: 0, то это получается как-то не красиво.
Сами себе противоречите. Так нужно поверх блоков или нет? Может лучше добавить прозрачности выдвижному меню, при нахождении выше блоков? Как вы на это смотрите?
0
32 / 32 / 24
Регистрация: 16.04.2015
Сообщений: 219
05.11.2017, 15:33  [ТС] 3
Почему противоречу? Получается когда меню открывается, оно сдвигает body вправо на 300px, на втором рисунке это видно, а мне надо чтобы меню открывалось поверх body не сдвигая его, как на первом рисунке.
0
278 / 272 / 106
Регистрация: 12.01.2016
Сообщений: 1,666
05.11.2017, 15:59 4
Kven-M, Тогда для body укажите position: absolute;. В таком случае у вас body выпадет с потока документа и не будет уезжать при появлении меню.
0
dev - investigator
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
05.11.2017, 17:09 5
Kven-M,
Цитата Сообщение от Kven-M Посмотреть сообщение
открывалось поверх body не сдвигая его, как на первом рисунке.
Цитата Сообщение от Kven-M Посмотреть сообщение
это получается как-то не красиво.
вот противоречие. А так ответ вы сами себе дали -
Цитата Сообщение от Kven-M Посмотреть сообщение
left: 0
.
Чтобы весь файл не перерывать, задайте меню id и в head или body рядом с элементом допишите
HTML5
1
<script>idменю.style.cssText="position: relative; \ left: 0; \ overflow: hidden;";</script>
Добавлено через 1 час 2 минуты
fix
Поправка - id не меню, а блоку с контентом у кторого класс
Цитата Сообщение от Kven-M Посмотреть сообщение
canvas-slid
0
05.11.2017, 17:09
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
05.11.2017, 17:09
Помогаю со студенческими работами здесь

Выдвижное меню на css
при нажатии на одну из категорий выпадает список подкатегорий, и когда нажимаешь на одну из...

Выдвижное меню поверх других элементов
Здравствуйте, проблема такова, z-index не работает, куда бы его не вставлял. &lt;!DOCTYPE html&gt;...

Выдвижное меню
Гуру, подскажите, как это делается??? Хочу как в ютюбе (и во многих других программах) - тяну за...

Выдвижное меню
Здравствуйте. Занимаюсь реализацией под андроид сейчас, и в связи с этим вопрос. Есть ли способ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru