Задать вопрос
@marki1404
javascript

Как сделать появление блока в пределах какой то высоты?

У меня возникла проблема, как сделать, чтобы блок появлялся, только в определенных предел страницы. Например от 1000-1400пх он появлялся, а во всех других случаях исчезал
  • Вопрос задан
  • 136 просмотров
4 комментария
Подписаться 1 Простой 4 комментария
Пригласить эксперта
Ответы на вопрос 1
virtual_hack2root
@virtual_hack2root
.NET Core, JS, DevOps
Воспользуйся CSS Media Queries и псевдоатрбутом для изменения visibility: hidden элемента

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: white;
  color: black;
}

@media screen and (max-width: 1000px) {
.a {
    visibility: hidden;
  }
}

@media screen and (min-width: 1400px) {
.a {
    visibility: hidden;
  }
}

</style>
</head>
<body>

<h1  onclick="alert('clicked a');" class="a">Resize the browser window to see the effect!</h1>

</body>
</html>
Ответ написан
6 комментариев
6 комментариев
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Правки в webApp готового и написанного телеграмм бота next, tailwind
25 апр. 2024, в 05:29
25000 руб./за проект
Фронтер - DevOps. Развернуть фронт на хостинге. Прокинуть в телегу-бот
25 апр. 2024, в 04:38
10000 руб./за проект
Ещё заказы