Вопрос по jquery

Есть такой код

    $(function() {

        var block = $("#jsprokrutka");

        var offset = block.offset();

        $(window).scroll(function() {

     

            if ($(window).scrollTop() > offset.top*1.5) {

                block.css({

                'top': '7px',

                'position': 'fixed'});

            } else {

                block.css({'position': 'static'});}

        });

     

    });

Задача: на сайта расположено 2 колонки слева и справа (по середине контент), в конце каждой из колонок расположен блок. Надо чтобы при прокрутке сайта эти блоки следовали за экраном, и были статичны, а при прокрутки сайта вверх, чтобы оставались на своем месте.

Данный код нормально работает в FF, а в Хроме при прокрутке вверх наезжает на блоки сверху, примерно на 350px

Как сделать чтобы нужные блоки во всех браузерах работали как надо...

Что бы понять, если вы зайдете в ВК, то при прокрутке вниз вы будете наблюдать это

Вот грубо говоря хочу сделать тоже самое