Задать вопрос
@Mary_R

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

Доброго времени суток!
Как и что надо прописать, чтобы скрипт работал только при размере большем, чем 760px?
В ниже приведенном варианте проблема в том, что если изначально сайт был открыт в меньшем окне, то при увеличении - скрипт не подхватывается... Действует только при обновлении страницы.

function sticky() {
			if ($(window).width() > 760) {
		var sticky_point = $("#header-top").innerHeight() + $("#header").innerHeight() + 20;
		$("#header").clone().attr({
			id: "header-sticky",
			class: ""
		}).insertAfter("header");
		$(window).scroll(function(){	
			if ($(window).scrollTop() > sticky_point) {  
				$("#header-sticky").slideDown(300).addClass("header-sticky");
				$("#header .menu ul, #header .menu .megamenu-container").css({"visibility": "hidden"});
			} else {
				$("#header-sticky").slideUp(100).removeClass("header-sticky");
				$("#header .menu ul, #header .menu .megamenu-container").css({"visibility": "visible"});
			}
		});
		}	
	}
  • Вопрос задан
  • 2500 просмотров
Подписаться 2 Оценить 2 комментария
Ответ пользователя Alex К ответам на вопрос (4)
streetflush
@streetflush
Если я правильно понял, там какие то манипуляции с CSS идут.
Почему бы не использовать
@media screen and (min-width: 760px) {
.header-top{
 height:100px
}
}
@media screen and (max-width: 760px) {
.header-top{
 height:1000px
}
Ответ написан
Комментировать