Элемент путевых точек должен начинаться закрепляться и открепляться, когда прокрутка достигает фактической позиции элемента

Question

Мой элемент находится внизу страницы. Я хочу, чтобы он загружался при загрузке страницы (так, чтобы он был виден в окне просмотра), и когда пользователь прокручивает его в "реальное" положение, он становится неприлипающим.

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

var sticky = new Waypoint.Sticky({
    element: $('#device'),
    direction: 'up',
    stuckClass: 'stucky-stuck',
    handler: function(direction) {
        if(direction = 'down') {
            notify('down triggers at '+this.triggerPoint + direction);
        } else {
            notify('UP triggers at '+this.triggerPoint + direction);
        }
    }
});