$(window).on('load', function(){
        $('body').prepend('<div class="scrollbar-track"><div class="scrollbar-thumb stopScroll"></div></div>')
        
        /***Действие при перетаскавании ползунка мышкой***/
		let pageHeight = $('body').height();
		let visibleArea = $(window).height();
        let thumbHeight = visibleArea / (pageHeight / visibleArea);
        $('.scrollbar-thumb').css('height', `${thumbHeight}px`)
		$('.scrollbar-thumb').draggable({
    		axis: 'y',
    		drag: function(e, i) {
                pageHeight = $('body').height();
                thumbHeight = visibleArea / (pageHeight / visibleArea);
                $('.scrollbar-thumb').css('height', `${thumbHeight}px`);
                if (i.position.top < 0) {
                	i.position.top = 0;
                } else if (i.position.top > $(window).height() - thumbHeight) {
                	i.position.top = $(window).height() - thumbHeight
                }
    			$(window).scrollTop(i.position.top * (pageHeight / visibleArea))
    		}
		});
		
	
		/***Действия при скроллинге колесом мыши***/
		$(window).on('scroll', function() {
            	pageHeight = $('body').height();
            	thumbHeight = visibleArea / (pageHeight / visibleArea);
				$('.scrollbar-thumb').css('height', `${thumbHeight}px`)
				let thumbPosition = $(window).scrollTop() * visibleArea / pageHeight;
				$('.scrollbar-thumb').css('top', `${thumbPosition}px`)
  				$('.scrollbar-thumb').removeClass('stopScroll');
  				setTimeout(function() {
    				$('.scrollbar-thumb').addClass('stopScroll');
  				}, 100);
		});
})