$(...).scrollY()

Возвращает или устанавливает положение вертикальной прокрутки для узлов текущей FlyNode.


                                    FlyDomNode: {
                        __constructor: function(context) {
                            var array = fnNodeList.makeDomNodeArray(context);
                            for (var a = 0, al = array.length; a < al; a++) {
                                this[a] = array[a];
                            }
                            this.length = al;
                        },

                        size: function() {
                            return this.length;
                        },

                        get: function(index) {
                            return $.isNumber(index) ? this[index] : [].slice.call(this);
                        },

                        addNode: function(flyNode) {
                            return fnNodeList.changeNodeContext(this, flyNode, function(child, context) {
                                context.indexOf(child) === -1 && context.push(child);
                            });
                        },

                        removeNode: function(flyNode) {
                            return fnNodeList.changeNodeContext(this, flyNode, function(child, context) {
                                var position = context.indexOf(child);
                                if (position !== -1) context.splice(position, 1);
                            });
                        },

                        eq: function(index) {
                            if (index < 0) index = index + this.length;
                            return new this.__self(this[index]);
                        },

                        lt: function(index) {
                            return new this.__self(this.slice(0, index));
                        },

                        gt: function(index) {
                            return new this.__self(this.slice(index));
                        },

                        last: function(selector) {
                            var element = this[this.length - 1];
                            return new this.__self(fnStyle.isMatch(element, selector) ? element : []);
                        },

                        first: function(selector) {
                            var element = this[0];
                            return new this.__self(fnStyle.isMatch(element, selector) ? element : []);
                        },

                        normalize: function() {
                            return fnNodeList.transformNodeContext(this, function(item, context) {
                                if ($.isNode(item)) context.push(item);
                            });
                        },

                        each: function(callback, context) {
                            $.each(this, callback, context);
                            return this;
                        },

                        name: function() {
                            return this[0].tagName.toLowerCase() || null;
                        }
                    }

При использовании этого метода учтите, что положение прокрутки - это позиция верхнего края видимой области. Отсюда следует вывод, что максимальное значение для этой величины равно разности высоты прокрутки и высоты элемента.

$(...).scrollY()
Возвращает: Null⁰ or Object^{}

Возвращает информацию о вертикальной прокрутке для первого узла в текущей FlyNode.

Если текущая FlyNode пустая, то метод вернёт null. Если же в ней есть узлы, то $(...).scrollY() вернёт объект со свойствами top (вертикальное смещение прокрутки в пикселах) и height (вся высота прокрутки).

Для объектов document, document.documentElement и window свойство top будет равняться положению прокрутки страницы, а height - общей высоте документа.

Пример: Получение информации о вертикальной прокрутке.

<!DOCTYPE html>
    <head>
        <meta charset="utf-8"/>
        <title>Fly.js - $(...).scrollY()</title>

        <script src="/scripts/fly.js"></script>
    </head>
    <body>
        <button>Get info about vertical scroll!</button>

        <div style="border:2px red solid; height:75px; width:200px; overflow:auto">
            <p style="margin:0">
                Hello<br/>world!<br/><br/>
                Hello<br/>world!<br/><br/>
                Hello<br/>world!<br/><br/>
                Hello<br/>world!
            </p>
        </div>

        <b></b>

        <script>
            $('button').on('click', function() {
                var scrollInfo = $('div').scrollY();
                $('b').html([
                    'Height is ' + scrollInfo.height + 'px',
                    'Top is ' + scrollInfo.top + 'px'
                ].join('<br/>'));
            });
        </script>
    </body>
</html>

$(...).scrollY(value)
Возвращает: FlyNode^[$]

Устанавливает положение вертикальной прокрутки в заданное значение для каждого узла текущей FlyNode.

value: Number¹²³

Положение прокрутки в пикселах.

Значение value всегда измеряется в пикселах и является числом, а не строкой с единицами измерения.

Для объектов document, document.documentElement и window новое значение будет применено к прокрутке страницы.

Пример: Установка прокрутки в случайное положение.

<!DOCTYPE html>
    <head>
        <meta charset="utf-8"/>
        <title>Fly.js - $(...).scrollY()</title>

        <script src="/scripts/fly.js"></script>

        <style>
            p {
                border: 2px red solid;
                height: 80px; width: 150px;
                float: left; margin: 5px;
                overflow: auto;
            }
        </style>
    </head>
    <body>
        <div style="height:100px">
            <p>
                A<br/>B<br/>C<br/>D<br/>E<br/>F<br/>G<br/>H<br/>I<br/>
                J<br/>K<br/>L<br/>M<br/>N<br/>O<br/>P<br/>Q<br/>R<br/>
                S<br/>T<br/>U<br/>V<br/>W<br/>X<br/>Y<br/>Z
            </p>
            <p>
                A<br/>B<br/>C<br/>D<br/>E<br/>F<br/>G<br/>H<br/>I<br/>
                J<br/>K<br/>L<br/>M<br/>N<br/>O<br/>P<br/>Q<br/>R<br/>
                S<br/>T<br/>U<br/>V<br/>W<br/>X<br/>Y<br/>Z
            </p>
        </div>
        <button>Set vertical scroll!</button>

        <script>
            $('button').on('click', function() {
                $('p').each(function() {
                    var $this = $(this),
                        info = $this.scrollY(),
                        random = $.random(info.height - $this.height());

                    $this.scrollY(random);
                });
            });
        </script>
    </body>
</html>

$(...).scrollY()

$(...).scrollY()Возвращает: Null 0 or Object {}

Пример: Получение информации о вертикальной прокрутке.

$(...).scrollY(value)Возвращает: FlyNode [$]

value: Number 123

Пример: Установка прокрутки в случайное положение.

$(...).scrollY()
Возвращает: Null⁰ or Object^{}

$(...).scrollY(value)
Возвращает: FlyNode^[$]

value: Number¹²³