Class: Fx.Scroll

Прокручує будь-який елемент з overflow, включаючи елемент window.

Примітка:

• Fx.Scroll вимагає, щоб сторінка була в Standards Mode.

Розширює:

• Fx

Fx.Scroll Метод: constructor

Синтаксис:

var myFx = new Fx.Scroll(element[, options]);

Аргументи:

1. element - (mixed) Рядок з id або Element або посилання на Element для прокручування.
2. options - (object, optional) Всі Fx Options крім offset, overflown, та wheelStops.

Параметри:

1. offset - (object: за замовчуванням {'x': 0, 'y': 0}) Об'єкт з властивостями x та y відстані для прокручування всередині Element.
2. overflown - (array: за замовчуванням []) Масив вкладених контейнерів прокручування, див. Element:getPosition для пояснення.
3. wheelStops - (boolean: за замовчуванням true) Якщо false, колесо миші не зупинить перехід.

Повертає:

• (object) Новий екземпляр Fx.Scroll.

Приклади:

var myFx = new Fx.Scroll('myElement', {

    offset: {
        'x': 0,
        'y': 100
    }
}).toTop();

Примітки:

• Перехід Fx.Scroll зупиниться при русі колеса миші, якщо параметр wheelStops не встановлено в false. Це дозволяє користувачам контролювати свій веб-досвід.
• Fx.Scroll є безкорисним для Elements без смуг прокручування.

Fx.Scroll Метод: set

Миттєво прокручує вказаний Element до координат x/y.

Синтаксис:

myFx.set(x, y);

Аргументи:

1. x - (integer) Координата x для прокручування Element.
2. y - (integer) Координата y для прокручування Element.

Повертає:

• (object) Цей екземпляр Fx.Scroll.

Приклади:

var myElement = $(document.body);
var myFx = new Fx.Scroll(myElement).set(0, 0.5 * document.body.offsetHeight);

Fx.Scroll Метод: start

Прокручує вказаний Element до наданих координат x/y.

Синтаксис:

myFx.start(x, y);

Аргументи:

1. x - (integer) Координата x для прокручування Element.
2. y - (integer) Координата y для прокручування Element.

Повертає:

• (object) Цей екземпляр Fx.Scroll.

Приклади:

var myElement = $(document.body);

var myFx = new Fx.Scroll(myElement).start(0, 0.5 * document.body.offsetHeight);

Примітки:

• Прокручування до від'ємних координат неможливе.

Fx.Scroll Метод: toTop

Прокручує вказаний Element до його максимального верху.

Синтаксис:

myFx.toTop();

Повертає:

• (object) Цей екземпляр Fx.Scroll.

Приклади:

//Scrolls "myElement" 200 pixels down from its top and, after 1.5 seconds,
//back to the top.
var myFx = new Fx.Scroll('myElement', {

    onComplete: function(){
        this.toTop.delay(1500, this);
    }

}).scrollTo(0, 200).chain(function(){

    this.scrollTo(200, 0);
});

Fx.Scroll Метод: toBottom

Прокручує вказаний Element до його максимального низу.

Синтаксис:

myFx.toBottom();

Повертає:

• (object) Цей екземпляр Fx.Scroll.

Приклади:

//Scrolls the window to the bottom and, after one second, to the top.
var myFx = new Fx.Scroll(window).toBottom().chain(function(){

    this.toTop.delay(1000, this);
});

Fx.Scroll Метод: toLeft

Прокручує вказаний Element до його максимального лівого краю.

Синтаксис:

myFx.toLeft();

Повертає:

• (object) Цей екземпляр Fx.Scroll.

Приклади:

//Scrolls "myElement" 200 pixels to the right and then back.
var myFx = new Fx.Scroll('myElement').scrollTo(200, 0).chain(function(){

    this.toLeft();
});

Fx.Scroll Метод: toRight

Прокручує вказаний Element до його максимального правого краю.

Синтаксис:

myFx.toRight();

Повертає:

• (object) Цей екземпляр Fx.Scroll.

Приклади:

//Scrolls "myElement" to the right edge and then to the bottom.
var myFx = new Fx.Scroll('myElement', {

    duration: 5000,
    wait: false
}).toRight();
 
myFx.toBottom.delay(2000, myFx);

Fx.Scroll Метод: toElement

Прокручує вказаний Element до позиції, де знайдений переданий Element.

Синтаксис:

myFx.toElement(el);

Аргументи:

1. el - (mixed) Рядок з id Element або посилання на Element для прокручування.

Повертає:

• (object) Цей екземпляр Fx.Scroll.

Приклади:

//Scrolls the "myElement" to the top left corner of the window.
var myFx = new Fx.Scroll(window).toElement('myElement');

Примітки:

• Див. Element:getPosition для труднощів з позиціонуванням.