Как реализовать включение скрипта только при определенном разрешении экрана?

Question

[mishapsv]

Есть скрипт (автор @yurzui) jsfiddle.net/yurzui/pec41ozc
Нужно, чтобы при разрешении экрана > 1000px он не работал, а а когда разрешение меньше - включался.
Пробовал сделать с if (window.innerWidth < 1000) {}
Но почем-то не получается.

Answer 1

[Дмитрий]

if(document.documentElement.clientWidth < 1000) {
	// Ваш скрипт
};

Answer 2

[Андрей Буров]

www.w3schools.com/js/js_window_screen.asp

Comments

[mishapsv]

Андрей Буров подскажите, аналог значений для медиа кверис screen.availWidth?

[Андрей Буров]

mishapsv: Все это ищется в гугле "media queries screen resolution"

Answer 3

[Денис Инешин]

Здесь не нужна такая грубая проверка на JS. Воспользуйтесь Media Queries и для высоких разрешений просто зафиксируйте блок всегда открытым.

Comments

[mishapsv]

Денис Инешин В скрипте стоит e.preventDefault(); - не будет переходить при клике по заголовку при > 1000

[Денис Инешин]

mishapsv:
ну во первых это странно, почему ссылка должна кликаться на больших экранах, а на маленьких нет?

Если все же очень надо то как вариант, сделать такой же заголовок рядом, который будет спрятан для низких разрешений, а на высоких появится (и вообще при этом будет иметь другой класс), старую ссылку при этом спрячем.

[mishapsv]

Денис Инешин на маленьких я планирую поставить ссылку при клике на открывшийся текст (правда, еще не знаю, как это сделать js)
Дублировать контент плохо, стараюсь без этого обходиться

Answer 4

[Евгений Петров]

Вы путаете термины viewport и screen. Вам нужно проверять screen.width.