Как запретить скролинг на чистом CSS
271
26 ноября 2016, 18:36
Вот всплывающее окно, нужно чтобы при его появлении пользователь не мог прокручивать ленту контента до того как закроет его.
body{height:10000px;}
div{
width:500px;
height:400px;
background:gray;
position:fixed;
top:90px;
left:30%;
display:none;
}
#q1:target, #q1:target+div{
display:block;
}
#q1{
position:fixed;
top:0;left:0; bottom:0; right:0;
background-color: rgba(000,000,000,.1);
display:none;
cursor: default;
}<a href="#q1">Открыть окно</a>
<a href="#x" id="q1"></a>
<div>
<h1>Заголовок</h1>
<p>Элемент</p>
<a href="#x">Закрыть окно</a>
</div>Answer 1
Добавить overflow: hidden; в CSS. Если только вертикальная/горизонтальная, то overflow-y: hidden; или overflow-x: hidden;.
-
13:29
Кофе для программистов: как напиток влияет на продуктивность кодеров?
-
22:13
Рекламные вывески: как привлечь внимание и увеличить продажи
-
19:13
-
16:04
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
-
17:27
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
-
22:17
-
18:08
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
-
18:54
-
17:35
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47917 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30568 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23903 visits
- Как через css изменить цвет png изображения? 10401 visits
- Blob video url download 10006 visits
- Php curl запрос через прокси с авторизацией 9278 visits
- Работа с captcha vk api 8147 visits
© "hostciti.net" 27.3.2025 | 02:20