Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.10.2014, 14:26
Аватар для spo
spo spo вне форума
Профессор
Отправить личное сообщение для spo Посмотреть профиль Найти все сообщения от spo
 
Регистрация: 11.05.2011
Сообщений: 213

Событие при изменении размера окна в диапазоне (для адаптивной верстки)
Экспериментирую с адаптивной версткой. При определенном размере окна браузера медиазапросы расставляют блоки горизонтально в ряд. При таком положении дизайн предполагает блоки одинаковой высоты.

Не получается написать условие чтобы при размере окна (1 - изначальная загрузка, 2 - ресайз окна) в диапазоне от X до Y однократно выполнялось действие.

Прошу помочь.
Ответить с цитированием
  #2 (permalink)  
Старый 02.10.2014, 14:40
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

А такой вариант выравнивания по высоте не подойдет?
<style>
.cell{
        width: 200px;
}
@media all /* media запрос вместо all */{
    .row{
        display: table;
        width: 100%;
    }
    .cell{
        display: table-cell;
    }
}
</style>
<div class="row">
    <div class="cell" style="background:red">1<br/>2</div>
    <div class="cell" style="background:green">1<br/>2<br/>3</div>
    <div class="cell" style="background:yellow">1</div>
</div>
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 02.10.2014, 15:14
Аватар для spo
spo spo вне форума
Профессор
Отправить личное сообщение для spo Посмотреть профиль Найти все сообщения от spo
 
Регистрация: 11.05.2011
Сообщений: 213

danik.js, спасибо за вариант!
Но хотелось бы для себя понять как реализовать такую логику.
Если знаете как, то можно не кодом а в двух словах, а я уже буду экперементировать.

Главный вопрос в том как сделать проверку чтобы скрипт не срабатывал на каждом пикселе при ресайзе.
Ответить с цитированием
  #4 (permalink)  
Старый 02.10.2014, 15:43
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Не стоит делать на js то, что можно сделать на css. Неужели это кто-то не понимает?

Верстка должна работать без всяких скриптов.
Ну а вобще - в идеале window.matchMedia() (https://hacks.mozilla.org/2012/06/us...in-javascript/)

Но для старых браузеров - событие resize и проверка window.innerWidth (опять же, в IE нужны костыли)
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #5 (permalink)  
Старый 02.10.2014, 15:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,315

spo,

jQuery.fn.scroll_resize_Complete
Находится ли блок в видимой части
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
history рассширение для браузеров не поддерживающих pushState, replaceState devote Ваши сайты и скрипты 187 13.08.2015 11:40
Событие для тега <div> при обращении к нему через якорь dima_web Элементы интерфейса 1 11.01.2013 17:38
при изменении размера div элементы съезжают gallyamov jQuery 5 22.08.2012 10:24
Как правильно подавить событие при подключении своего обработчика? Маэстро Firefox/Mozilla 2 03.09.2011 11:46
Как указать title при открытии окна через window.open для chrome milvic Opera, Safari и др. 4 15.01.2011 15:18