solovyov.net

jQuery scrollBottom

1 min read · byteflow, jquery

Наконец-то я собрался и сделал, чтоб ссылки “комментировать”/“ответить” вели себя так, как я хотел этого с самого начала. :) Всё просто - при нажатии ссылки появляется форма, и нижняя граница браузера скроллится к нижней границе формы.

А так как в принципе функция довольно удобная, а я тут ещё и случайно увидел, как расширяются объекты jQuery, то вот вам код для того, чтоб можно было сделать $("#id").scrollBottom(1) (1 - это время в миллисекундах, за которое должно произойти само событие):

jQuery.fn.extend({
    scrollBottom: function(speed) {
        return this.each(function() {
            var targetOffset = $(this).offset().top + $(this).height();
            $('html').animate({scrollTop: targetOffset - $(window).height()}, 
                                   speed);
            });
        }
    });

Сижу вот, думаю - может сделать scrollTop, scrollMiddle и запихать на сайт jQuery как плагин?..

If you like what you read — subscribe to my Twitter, I always post links to new posts there. Or, in case you're an old school person longing for an ancient technology, put a link to my RSS feed in your feed reader (it's actually Atom feed, but who cares).

Other recent posts

History snapshotting in TwinSpark.js
Code streaming: hundred ounces of nuances
Useful shell prompt
API pagination design
ElasticSearch query builder