https://seoup.su/bitrix/templates/seoup/components/bitrix/catalog.section.list/blog/script.js

1$(document).ready(function () {
2//прокрутка блока
3
4    (function(){
5        if (window.innerWidth >= 768) { //для адаптивости
6            var a = document.querySelector('#aside1'), b = null, P = 0;  // если ноль заменить на число, то блок будет прилипать до того, как верхний край окна браузера дойдёт до верхнего края элемента. Может быть отрицательным числом
7            window.addEventListener('scroll', Ascroll, false);
8            document.body.addEventListener('scroll', Ascroll, false);
9            function Ascroll() {
10                if (b == null) {
11                    var Sa = getComputedStyle(a, ''), s = '';
12                    for (var i = 0; i < Sa.length; i++) {
13                        if (Sa[i].indexOf('overflow') == 0 || Sa[i].indexOf('padding') == 0 || Sa[i].indexOf('border') == 0 || Sa[i].indexOf('outline') == 0 || Sa[i].indexOf('box-shadow') == 0 || Sa[i].indexOf('background') == 0) {
14                            s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '
15                        }
16                    }
17                    b = document.createElement('div');
18                    b.style.cssText = s + ' box-sizing: border-box; width: ' + a.offsetWidth + 'px;';
19                    a.insertBefore(b, a.firstChild);
20                    var l = a.childNodes.length;
21                    for (var i = 1; i < l; i++) {
22                        b.appendChild(a.childNodes[1]);
23                    }
24                    a.style.height = b.getBoundingClientRect().height + 'px';
25                    a.style.padding = '0';
26                    a.style.border = '0';
27                }
28                var Ra = a.getBoundingClientRect(),
29                    R = Math.round(Ra.top + b.getBoundingClientRect().height - document.querySelector('#article').getBoundingClientRect().bottom + 0);  // селектор блока, при достижении верхнего края которого нужно открепить прилипающий элемент;  Math.round() только для IE; если ноль заменить на число, то блок будет прилипать до того, как нижний край элемента дойдёт до футера
30                if ((Ra.top - P) <= 0) {
31                    if ((Ra.top - P) <= R) {
32                        b.className = 'stop';
33                        b.style.top = - R +'px';
34                    } else {
35                        b.className = 'sticky';
36                        b.style.top = P + 'px';
37                    }
38                } else {
39                    b.className = '';
40                    b.style.top = '';
41                }
42                window.addEventListener('resize', function() {
43                    a.children[0].style.width = getComputedStyle(a, '').width
44                }, false);
45            }
46        }
47    })()
48});