https://www.vyazma.su/templates/vmz/js/aside_menu.js

1$(window).load(function(){
2/*	fixAsideMenu();  
3	if($('#js-side-menu').length) {
4		var myScroll = new IScroll('#js-side-menu', {
5			scrollbars: true,
6			mouseWheel: true,
7			interactiveScrollbars: true,
8			shrinkScrollbars: 'scale',
9			fadeScrollbars: true
10		});
11	}*/
12		
13	function resetMyScroll() {
14		if($("#js-side-menu .iScrollVerticalScrollbar").length) {
15			myScroll.destroy();
16			myScroll = new IScroll('#js-side-menu', {
17				scrollbars: true,
18				mouseWheel: true,
19				interactiveScrollbars: true,
20				shrinkScrollbars: 'scale',
21				fadeScrollbars: true
22			});
23		}
24	}  
25	/*aside*/
26	/*$('.js-item').on('click', function(e){
27		if($(e.target).hasClass("aside__arrow")) {
28			//console.log("click arrow");
29			e.preventDefault();
30			var subList = $(this).siblings('.js-sub-list');
31			if(subList.length) {
32				$('.js-sub-list').slideUp();
33				$(this).find('.aside__arrow').toggleClass('aside__arrow_up');
34				if(!subList.is(":visible")) {
35					$(this).siblings('.js-sub-list').slideToggle();
36				}
37			}
38			setTimeout(resetMyScroll, 500);
39		}
40			
41	});*/
42	$('.js-item-arrow').on('click', function(e){
43		//console.log("click arrow_S");
44		//if($(e.target).hasClass("aside__arrow_s")) {
45			
46			//e.preventDefault();
47			var subList = $(this).siblings('.js-sub-list');
48			//console.log(subList);
49			if(subList.length) {
50				$('.js-sub-list').slideUp(); 
51				$('.aside__arrow_s').removeClass('aside__arrow_up');
52				if(subList.is(":visible")) {
53					$(this).toggleClass('aside__arrow_up');
54				}
55
56				$(this).toggleClass('aside__arrow_up');
57				if(!subList.is(":visible")) {
58					$(this).siblings('.js-sub-list').slideToggle();
59				} 
60			}
61			setTimeout(resetMyScroll, 500);/**/
62		//}
63			
64	});
65
66
67
68/* list */ 
69
70
71	$('.js-list-arrow').on('click', function(e){
72		console.log("click arrow_S");
73		//if($(e.target).hasClass("aside__arrow_s")) {
74			
75			//e.preventDefault();
76			var subList = $(this).siblings('.js-list-sub');
77			console.log(subList);
78			if(subList.length) {
79				$('.js-list-sub').slideUp();
80
81				$(this).toggleClass('aside__arrow_up');
82				if(!subList.is(":visible")) {
83					$(this).siblings('.js-list-sub').slideToggle();
84				}
85			}
86			setTimeout(resetMyScroll, 500);/**/
87		//}
88			
89	});
90
91
92
93/**/
94
95
96	
97	$('.js-item-arrow').on('mouseover', function(e){
98		//console.log("click arrow_S mouseover");
99		//$(this).siblings('.aside__link').toggleClass('aside__link_hover');	
100		$(this).siblings('.aside__link').addClass('aside__link_hover');	
101	});
102	$('.js-item-arrow').on('mouseout', function(e){
103		//console.log("click arrow_S mouseover");
104		//$(this).siblings('.aside__link').toggleClass('aside__link_hover');	
105		$(this).siblings('.aside__link').removeClass('aside__link_hover');	
106	});	
107	/*aside*/
108});
109
110function fixAsideMenu() {
111	var winH  = $(window).height();
112	if(winH > 980) {
113		var content = $(".content");
114		var contentW = content.width();
115		var contentH = content.outerHeight();
116		var contentT = $(".content").offset().top;
117		var contentPadT = Math.abs(parseInt(content.css("paddingTop")));
118		var winSrclT = $(window).scrollTop();
119		var asideMenu = $("aside");
120		var asideMenuH = asideMenu.outerHeight();
121		var footer = $("footer");
122		var footerH = footer.outerHeight();
123		var footerT = footer.offset().top;
124		asideMenu.removeClass("fixed").css({
125			"width": "",
126			"position": "",
127			"top": "",
128			"bottom": "",
129			"maxHeight": ""
130		});
131		if(asideMenu.css("float") == "left") {
132			if(winSrclT > contentT + contentPadT) {
133				asideMenuW = asideMenu.width();
134				asideMenu.width(asideMenuW);
135				asideMenu.addClass("fixed");
136				if(winSrclT + asideMenuH >= footerT) {
137					// var asideMenuAbsPosT = contentT + contentH - footerH - asideMenuH;
138					asideMenu.css({
139						"position": "absolute",
140						"top": "auto",
141						"bottom": footerH,
142						"maxHeight": winH
143					});
144				}
145			}
146			else {
147				asideMenu.removeClass("fixed");
148			}
149		}
150	}
151}