Есть еще очень удобный сервис для создания html/css/js демок с возможностью дать доступ на редактирование даже для незалогиненных пользователей.
Очень удобно для проведения собеседований на front-end позиции по skype, например.
Либо, снова же, для обучения.
Сделал pull request
Чтобы детектить изменения размера контента, достаточно его обернуть в блок, который флотнуть- а на этом блоке уже «слушать» события «overflowChanged»/«resize».
Теперь во всех юраузерах, где срабатывает способ, описанный в ссылке выше- используется он вместо setInterval.
Иначе- все по-старому.
Метод без setInterval не сработал, как и ожидалось, только в Opera.
Есть техника отслеживания изменения размеров блока через подписку на события «overflowchanged» / «resize» — работает в IE, Firefox, Chrome, Opera, Safari
Это позволит вам избавится от setInterval для проверки изменения размеров блока.
Там, где эта техника не работает (напр., Opera), можно оставить setInterval.
Из блока с overflow:hidden можно «вытянуть» дочерний элемент.
Для этого у блока с «overflow:hidden» не должно быть «position», отличного от «static».
А «position: relative» можно назначить на родительский блок.
Демо: jsfiddle.net/88fYK/5/
— Про reqCount->reqCnt
— и .length()
Поправьте хоть тут.
https://education.10gen.com/
P.S.: Сорри, не заметил, только сегодня зарегистрировался.
Очень удобно для проведения собеседований на front-end позиции по skype, например.
Либо, снова же, для обучения.
Чтобы детектить изменения размера контента, достаточно его обернуть в блок, который флотнуть- а на этом блоке уже «слушать» события «overflowChanged»/«resize».
Теперь во всех юраузерах, где срабатывает способ, описанный в ссылке выше- используется он вместо
setInterval
.Иначе- все по-старому.
Метод без
setInterval
не сработал, как и ожидалось, только в Opera.Попробуйте на демонстрационной странице выполнить:
$(".scroll-content")[0].scrollTop = 100;
Opera, SafariЭто позволит вам избавится от
setInterval
для проверки изменения размеров блока.Там, где эта техника не работает (напр., Opera), можно оставить
setInterval
.Для этого у блока с «overflow:hidden» не должно быть «position», отличного от «static».
А «position: relative» можно назначить на родительский блок.
Демо: jsfiddle.net/88fYK/5/
При ресайзе получаем.
Приходится юзать табличные стили.