Почему прыгает липкий блок?

[d0ublezer0]

Использую http://leafo.net/sticky-kit/

К верхней границе прилипает блок с названием продукта https://www.road.media/headunit/volvo/993570

Но при дальнейшем скролле такое ощущение, что он пересоздаётся каждый раз. А когда докручиваю до конца страницы, то вообще большой кусок пустого места появляется.

Что самое интересное, работало же.. Не пойму никак, где я намудрил?

Вот мой код, который управляет "наклейкой" из файла mainscript.js

var $j = jQuery.noConflict();
$jwindow = $j(window);
$j(document).ready(function () {
    $sticker = $j("#product_sticker");
    if ($sticker.length) {
        var stickDistance = $sticker.offset().top + $sticker.height() + 30;
        $jwindow.scroll(flyOut);
        function flyOut() {
            var currentScroll = $jwindow.scrollTop();
            if (currentScroll > stickDistance && $jwindow.width() >= 768) {
                $sticker.stick_in_parent();
            } else {
                $sticker.trigger("sticky_kit:detach");
            }
        };

        function checkStickWidth() {
            var windowsize = $jwindow.width();
            if (windowsize < 768)
                $sticker.trigger("sticky_kit:detach");
        }

        checkStickWidth();
        // Bind event listener
        $jwindow.resize(checkStickWidth);
    }
});

 

Edited July 6, 2018 by d0ublezer0

[npofopr]

.productdetails .product-line {
  top: -60px;
}

вот этот top виноват

[d0ublezer0]

Блин. Спасибо! Как просто-то.

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

[d0ublezer0]

и новый глюк словил: https://www.road.media/headunit/mitsubishi/805246

при пролистывании вниз, когда доходим до конца страницы, остается большое белое поле вместо контента