Модератор форума: Yuri_G |
Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами При открытом МЕНЮ - не прокручивались страницы (В Мобильной версии сайта) |
При открытом МЕНЮ - не прокручивались страницы |
А как сделать, что бы в Мобильной версии сайта, при открытом меню - страница не прокручивалась? (При скролле)
![]() Прикрепления:
5398180.jpg
(90.5 Kb)
Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D Сообщение отредактировал Energyy - Вторник, 12 Июн 2018, 10:20:31
|
Energyy, если я вас правильно понял то так
@media(max-width:383px) { .myBlock { overflow-y: hidden; } } всё что красным под себя, класс или id блока, который не хотите, чтоб скролил, и ширину экрана, при котором не будет скрола Сообщение отредактировал LuСiFеr - Воскресенье, 17 Июн 2018, 08:30:51
|
Energyy, если я вас правильно понял то так@media(max-width:383px) {.myBlock { overflow-y: hidden; }}всё что красным под себя, класс или id блока, который не хотите, чтоб скролил, и ширину экрана, при котором не будет скрола данная ширина должна быть адаптивная. Так как это мобильная версия - под все виды экранов. Поэтому фиксировать ширину не льзя. В css поставил overflow-y: hidden - не помогло. Всё равно у меня на планшете скролится вверх и вниз Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D |
@media(max-width:383px) я выделил красным и написал изменить, это используется для адаптивной верстки, здесь указывается диапазон ширины, для которой будет использовано то или иное css свойство, здесь и задаёте диапазон ширины экрана, где будет скрыт скрол по вертикали, вы каким образом верстку делали адаптивной?
|
=) Попробую и отпишусь Добавлено (18 Июн 2018, 17:37:44) --------------------------------------------- Написал вот так вот Код @media (max-width:256px) { .darkpanel { overflow-y: hidden; } } Не сработало Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D Сообщение отредактировал Energyy - Понедельник, 18 Июн 2018, 17:38:10
|
это сработает только при ширине экрана до 256px, это подойдет толькодля кнопочных телефонов (:
|
это сработает только при ширине экрана до 256px, это подойдет толькодля кнопочных телефонов (: А как прописать, что бы работало на всех размерах? Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D |
|
В общим, я запутался Понять не могу, как сделать что бы скролла по вертикали не было - на всех размерах Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D |
Energyy, на всех размерах чего, каких устройств? или абсолютно на всех устройствах? или на мобильной версии сайта? где именно и при каких условиях вы его теперь хотите скрыть?
|
Energyy, на всех размерах чего, каких устройств? или абсолютно на всех устройствах? или на мобильной версии сайта? где именно и при каких условиях вы его теперь хотите скрыть? На мобильной версии сайта, на всех размерах гаджетов (как и первоначально) Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D |
так попробуйте
Код @media(max-width:1021px) { .darkpanel { overflow-y: hidden; } } Сообщение отредактировал LuСiFеr - Среда, 20 Июн 2018, 00:38:48
|
|
Energyy,
Код @media(max-width:1021px) { .menu.slideout-menu { overflow-y: hidden; } } у вас шаблоны разные? вы pda версию используете? если да тогда без @media(max-width:1021px) |
Если так, то и меню сайта - не листается Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D |
| |||