JQuery изменить размер оконной функции
Я использую эффект параллакса на моем веб-сайте, и он как бы ломается, когда я изменяю размер окна на минимальный, а затем обратно, поэтому я пытаюсь проверить ширину окна с помощью jquery, поэтому, когда ширина меньше, чем, скажем, 800px (планшеты и мобильные устройства) не инициализировать плагин.
Пока у меня есть это:
<script src="js/parallax.js"></script>
а также
<script type="text/javascript">
$(document).ready(function() {
$(window).resize(function() {
var width = $(window).width();
if(width > 900) {
$('header').parallax("50%", 0.5);
$('footer').parallax("50%", 0.5);
}
});
});
</script>
Возможно, лучше всего было бы проверить, является ли устройство мобильным, а затем вообще не загружать плагин, но я не знаю, как это сделать.
1 ответ
Ты пробовал это?
$(window).resize(function() {
if($(window).width() < 900)
$('header').parallax("50%", 0.5);
$('footer').parallax("50%", 0.5);
});