Загрузка определенного скрипта
имеется 2 скрипта, один из них должен работать, когда ширина экрана < 960, а второй, когда > 960.
Помогите написать скрипт, который будет подгружать их в зависимости от размера экрана. |
|
if (window.screen.width < 980) {$(function(){ $(window).scroll(function() { var top = $(document).scrollTop(); if (top < 600) $("#menu").css({top: '0', position: 'relative',opacity: '1'}); else $("#menu").css({top: '0px', position: 'fixed', opacity: '0.9'}); }); }); } else if (window.screen.width > 980) { $(function(){ $(window).scroll(function() { var top = $(document).scrollTop(); if (top < 800) $("#menu").css({top: '0', position: 'relative',opacity: '1'}); else $("#menu").css({top: '0px', position: 'fixed', opacity: '0.9'}); }); }); } Что неправильно указываю? |
zaec161,
собственно для начала - как тестируешь ? window.screen.width - ширина моника, а не окна браузера, И еще, поскольку нет учета события window.resize уже запущенный скрипт не изменит параметров ширины экрана, так что если тесты происходят сужая - расширяя - окно - разницы не будет |
Часовой пояс GMT +3, время: 12:45. |