Представляю очередной мини плагин jQuery - capScroll.
Предпосылкой послужило то, что браузер прокручивает документ дальше после того
как целевой прокручиваемый HTML - элемент достигает максимальной точки прокрутки,
как например в случае со спойлерами на нашем форуме.
Данный плагин позволяет захватывать скролл и фокусировать его на целевом объекте,
с css правилом overflow == auto, блокируя скролл родительского элемента.
Тот же фунционал получают и дочерние блочные и строчно-блочные элементы,
с соответсвующим ccs правилом overflow.
Пример работы можно посмотреть тут.
В примере по ссылке плагин подключен глобально,
к основному контейнеру документа,
чтобы показать его на деле полностью, так сказать во всей красе )
Метод обёртки capScroll() может принимать необязательный объект параметров, описанных ниже в комментариях к коду.
Ну и, соответственно, реализован метод обёртки unCapScroll() для отсоединения захвата.
CODE (javascript):
скопировать код в буфер обмена
скопировать код в буфер обмена
- elements.capScroll({
- duration : 300, // Скорость прокрутки. По умолчанию 300мс.
- easing : 'linear', /* Тип наращивания анимации.
- По умолчанию 'linear'. Может быть 'swing'.
- Хотите больше, подключайте jqurey.easingPlugin */
- step : function(now, obj){}, /* Шаги анимации. Подробнее в документации
- jQuery по работе с методом анимации animate() */
- complete : function(){} /* Функция обратного вызова, которая срабатывает
- по завершению прокрутки. */
- });