Блоки однакової висоти - height - скрипти для сайтів

Блоки однакової висоти - height - скрипти для сайтів

matchHeight дозволяє всі вибрані елементи зробити однакової висоти.

  • Автоматичне приведення всіх обраних груп елементів до однієї висоті
  • Можна визначити максимальну висоту або висоту конкретно обраного елемента
  • Використання в будь-якому місці сторінки і будь-якому DOM
  • Responsive (чуйний дизайн, оновлення при window resize)
  • Підтримка прихованих і не видимих ​​елементів (наприклад, всередині табів)
  • Оптимальна продуктивність і якість
  • Легко видаляється, якщо потрібно
  • підтримка sroll
  • API c атрибутами data
  • callback події
  • Тестувався на IE8 +, Chrome, Firefox, Chrome Android






Для роботи підключаємо бібліотеку jQuery і сам плагін:







Options - не обов'язковий параметр.

Значення за замовчуванням подивимося нижче:

  • byRow - true або false включення визначення row
  • property - назва CSS властивості, наприклад 'height' або 'min-height'
  • target - не обов'язковий параметр, використовується для вибору елемента по висоті якого вирівнювати інші елементи
  • remove - true або false, видалення попередніх "прив'язок" (bindings) для застосування нових.

Використання атрибута data-mh = "group-name"

Де group-name - довільну назву, для ідентифікації групи елементів

Всі елементи групи матимуть однакову висоти, коли сторінка завантажиться, не залежно від їх положення в DOMе, без використання якогось додаткового коду.

Зверніть увагу, що byRow буде включений при використанні data атрибутів, якщо вам потрібно вимкнути цей параметр, то скористайтеся альтернативним методом наведеним вище.

СКАЧАТИ Стрибок: 875
66,98 Kb Хто скачав?