Ширина страницы
229
16 июля 2017, 10:16
Нужно узнавать текущую ширину страницы и делать определённые действия.
Answer 1
Ширина страницы - понятие не вполне определённое.
// Ширина окна браузера
console.log(window.innerWidth);
//Ширина страницы (полный размер, вместе с бордерами прокруткой)
console.log(document.body.offsetWidth);
// Ширина страницы без учета прокрутки
console.log(document.body.clientWidth);
// Ширина страницы + прокрутка
console.log(document.body.scrollWidth);body{
width: 2500px;
}Answer 2
Можно еще так
if ($(window).width() < 768) {
alert('Это похоже мобильное устройство');
}
Answer 3
Jquery
width = $(window).width();
if(/* условие */){
....
}
При изменении размера окна снова проверяем:
$(window).on('resize',function(){
width = $(window).width();
if(/* условие */){
....
}
});
Для CSS можете использовать Медиа-запросы
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
-
07:46
-
21:56
Перевод документов на английский язык: Важность и ключевые аспекты
-
20:52
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47546 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30490 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23620 visits
- Как через css изменить цвет png изображения? 10345 visits
- Blob video url download 9952 visits
- Php curl запрос через прокси с авторизацией 9205 visits
- Работа с captcha vk api 8087 visits
© "hostciti.net" 15.11.2024 | 05:53