jQuery эффект "плавающего пузыря" на прокрутке - оптимизация?

Question

Я сделал плавающий пузырь с помощью jQuery, который прокручивается немного быстрее, чем пользователь:

https://imgur.com/dd1VOfD

Это код:

if ($('#bubble').isInViewport()){

    var where = ($('#bubble').offset().top - $(window).scrollTop()) / $(window).height();
    var multiplyBy = 180;
    if ($(window).height() > $(window).width()){
        // if portrait, don't move that fast
        multiplyBy = 150;
    }
    if ($(window).height() < 800){
        // if mobile, don't move that fast
        multiplyBy = 110;
    }
    var topVal = (where * multiplyBy)

    $("#bubble").css("top", (topVal + "px"));
}

Но в этом случае он немного запаздывает.

Есть ли лучший способ добиться этого эффекта?

Заранее спасибо!