https://ehoosha.com/themes/core/js/rubrics-menu-list-scroller.js

1$(function(){
2/* 
3пример структуры 
4<div class="rubrics-menu" data-steplen="8em">
5	<div class="left-button navigator"><i data-direct="left" class="arrow fas fa-chevron-left" ></i></div>
6	<div class="wrap">
7	// элементы 
8		<ul>
9			<li class="mitem-33"><a href="/?module=articles&amp;action=list&amp;rubrics=33">Происшествия</a> </li>
10			<li class="mitem-11"><a href="/?module=articles&amp;action=list&amp;rubrics=11">Общество</a> </li>
11			<li class="mitem-1"><a href="/?module=articles&amp;action=list&amp;rubrics=1">Политика</a> </li>
12			<li class="mitem-34"><a href="/?module=articles&amp;action=list&amp;rubrics=34">Образование</a> </li>
13		</ul>
14	</div>
15	<div class="right-button navigator"><i data-direct="right" class="arrow fas fa-chevron-right"></i></div>
16</div>
17*/
18
19
20	// двигаем меню рубрик .. в шапке ..
21	$('.rubrics-menu').each(function(){
22		var root=$(this);
23		var steplen=root.data('steplen');
24		// проверка длинны  меню и длинны пунктов .. если  всё влазит = надо спрятать стрелки ..
25		var lenmen=root.find('ul').width();
26		var lenwrap=root.find('.wrap').width();
27		if (lenmen<=lenwrap){// всё слезло 
28			root.find('.navigator').remove();
29			return;
30		}
31
32		root.find('.navigator .arrow').on('click',function(){
33			var dir=$(this).data('direct');
34			var ul=root.find('.wrap ul');
35			switch(dir){
36				case 'left':
37					if (ul.position().left>=0){
38						$(this).css('left',0);
39						break;
40					}
41					ul.animate({left:'+='+steplen},{
42						duration:500,
43						complete:function(){
44							if (ul.position().left>=0)
45								ul.animate({left:0},{duration:500,});
46						}
47					});
48					break;
49				case 'right':
50					root.find('.wrap ul').animate({left:'-='+steplen},{
51						duration:500,
52						complete:function(){
53							if (ul.width()+ul.position().left<ul.parent().width())
54								ul.animate({left:(ul.parent().width()-ul.width())+'px'},{duration:500,});
55						},
56					});
57					break;
58			}
59
60		});
61	});
62});