Хорошее решение, но стоило бы добавить описание.
Для тех, кому было непонятно - вы можете перейти по ссылке - там есть описание по установке.
Если кратко, то
1. есть несколько способов размещения скрипта на сайте, обычный min.js(как указано выше), requireJS, ES6.module. Для своего решения - я просто скачал js и добавил на сервер, чтобы не использовать внешний.
2. вы должны создать экземпляр класса OnScreen
3. для использования применяются методы on('enter/leave', selector, callback) и off('enter/leave', selector, callback)
Пример:
var os = new OnScreen()
// Do something when an element enters the viewport
os.on('enter', 'img', function (element, event) {
console.log(element);
})
// Do something when an element enters the viewport
os.on('enter', 'video', function (element, event) {
console.log(element);
})
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Для тех, кому было непонятно - вы можете перейти по ссылке - там есть описание по установке.
Если кратко, то
1. есть несколько способов размещения скрипта на сайте, обычный min.js(как указано выше), requireJS, ES6.module. Для своего решения - я просто скачал js и добавил на сервер, чтобы не использовать внешний.
2. вы должны создать экземпляр класса OnScreen
3. для использования применяются методы on('enter/leave', selector, callback) и off('enter/leave', selector, callback)
Пример: