Добрый день! Подскажите, пожалуйста, как правильно добавить условие, при котором скрипт срабатывал бы только при ширине окна не менее, например, 1500px? Спасибо!
$(document).ready(function($) {
$nav = $('.fixed-div');
$nav.css('width', $nav.outerWidth());
$window = $(window);
$h = $nav.offset().top;
$window.scroll(function() {
if ($window.scrollTop() > $h) {
$nav.addClass('fixed');
} else {
$nav.removeClass('fixed');
}
});
});
.fixed-box {
height: 100px;
background-color: green;
}
.fixed-div {
height: 100px;
background-color: green;
}
.fixed {
position: fixed;
z-index: 9999;
top: 0;
}
html {height:1000px; padding-top:50px;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="fixed-box">
<div class="fixed-div">
Блок
</div>
</div>