https://zgloszeniabb.pl/projects/lupe_umbb/js/component-page-list.js

1$(document).ready(function() {
2    // side vertical slider init
3    var pageList = $('.component-side-links');
4    var speed = 2; // slide animate speed
5    var scrolling = false;
6    var step = 100;
7
8    pageList.each( function(e) {
9
10        var _this = $(this);
11        var scrollArea = _this.find('.component-content');
12
13        // Wire up events for the 'scrollUp' link:
14        _this.find(".link-up").bind("click", function(event) {
15            event.preventDefault();
16            // Animates the scrollTop property by the specified
17            // step.
18            scrollArea.animate({
19                scrollTop: "-=" + step + "px"
20            });
21        }).bind("mouseover", function(event) {
22            if (!scrolling) {
23                scrolling = true;
24                scrollContent("up", scrollArea);
25            }
26        }).bind("mouseout", function(event) {
27            scrolling = false;
28        });
29
30        _this.find(".link-down").bind("click", function(event) {
31            event.preventDefault();
32            scrollArea.animate({
33                scrollTop: "+=" + step + "px"
34            });
35        }).bind("mouseover", function(event) {
36            if (!scrolling) {
37                scrolling = true;
38                scrollContent("down", scrollArea);
39            }
40        }).bind("mouseout", function(event) {
41            scrolling = false;
42        });
43    });
44
45    function scrollContent(direction, area) {
46        if (scrolling) {
47            var amount = (direction === "up" ? "-=1px" : "+=1px");
48            area.animate({
49                scrollTop: amount
50            }, speed, function() {
51                if (scrolling) {
52                    scrollContent(direction, area);
53                }
54            });
55        }
56    }
57});