Łączenie class

Question

Witam, 

W jaki sposób mogę połączyć ze sobą classy z html w kodzie javascript zeby działały?

Chce zrobić sticky menu ale brakuje mi pewnej części którą chciałbym doczepić, czy da się tak zrobić?

$(document).ready(function() {
	var NavY = $('.logo','.info').offset().top;
	 
	var stickyNav = function(){
	var ScrollY = $(window).scrollTop();
		  
	if (ScrollY > NavY) { 
		$('.logo','.info').addClass('sticky');
	} else {
		$('.logo','.info').removeClass('sticky'); 
	}
	};
	 
	stickyNav();
	 
	$(window).scroll(function() {
		stickyNav();
	});
	});

Próbowałem ('.logo','.info') oraz ('.logo') + (.'info)' i też nie działa

Moje divy

	<div class="logo">
		<img src="lol.gif">
	</div>
	


	<div class="info">
		<ul>
			<a href=""><li class="r_border">KONSULTACJE</li></a>
		</ul>

	</div>

 

Answer 1

Możesz zamknąć oba elementy w jednym divie np #nav-wrapper i to na nim operować. Ewentualnie możesz spróbować coś takiego (nie testowałem czy działa):

sticky('.logo')
sticky('.info')

function sicky(element) {
	let scrollPosition = $(window).scrollTop();
	let elementPosition = $(element).offset().top;

	if (scrollPosition > elementPosition) {
		$(element).addClass('sticky')
	} else {
		$(element).removeClass('sticky')
	}
}

 

Answer 2

klasy wpisz w jednym stringu

$('.logo,.info').addClass('sticky');