Загрузка определенного скрипта
имеется 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, время: 22:01. |