https://tumix.ru/static/js/top_banner_fixed.js

1/**
2 * Created by user on 25.12.18.
3 */
4//Рекламный баннер яндекса в самом верху страницы
5
6$(window).scroll(function() {
7    var $responsive_header = $('#responsive-header'); //ID шапки на главной странице мобильной версии сайта
8    var $main_board = $('#main-board');
9    var $top_banner = $('#yandex_rtb_R-A-162860-8'); //ID блока с фиксированным баннером
10    // if (document.body.clientWidth > 1040){
11    //     $('#yandex_rtb_R-A-162860-8').addClass('hidden'); //Добавили класс hidden, который отвечает за сокрытие рекламного баннера в PC версии
12    // } else {
13    //     $('#yandex_rtb_R-A-162860-8').removeClass('hidden'); //Добавили класс hidden, который отвечает за сокрытие рекламного баннера в PC версии
14    // }
15    var $header;
16    if (document.body.clientWidth > 1040){
17        $header = $main_board;
18    } else {
19        $header = $responsive_header;
20    }
21    if($(window).scrollTop() > $header.offset().top && document.body.clientWidth < 1040) { // Тут идея в том, что блок привязывается к верху, как только "прилипает" к верху окна браузера. Замените $block.offset().top на любое значение и получится, что когда вы проскроллили на большее кол-во пиксейлей, чем указали, добавиться класс к шапке.
22        if(document.getElementById('yandex_rtb_R-A-162860-8').clientHeight <= 120){
23            $top_banner.addClass('banner-fixed'); // Добавляем класс fixed. В стилях указ

23ываем для него position:fixed, height и прочее, чтобы сделать баннер фиксированным.
24        } else {
25            $top_banner.removeClass('banner-fixed');
26        }
27    } else {
28        $top_banner.removeClass('banner-fixed'); // удаляем класс
29    }
30});