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

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

У меня возникла проблема, как сделать, чтобы блок появлялся, только в определенных предел страницы. Например от 1000-1400пх он появлялся, а во всех других случаях исчезал
  • Вопрос задан
  • 151 просмотр
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 FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Консультация по созданию математических графиков в Cinema 4D
27 нояб. 2024, в 01:38
2000 руб./за проект
Fronted-developer на проект
27 нояб. 2024, в 01:11
300000 руб./за проект
Дизайн трекера для учета задач и времени
27 нояб. 2024, в 01:05
250000 руб./за проект
Ещё заказы