let prevScrollpos = window.pageYOffset;

document.getElementsByTagName('body')[0].onscroll = () => {
	let currentScrollPos = window.pageYOffset;
	// var topBar = document.getElementById("fixed-bar-mobile");
	const bottomBar = document.getElementById("mobile-bottom-navigation-bar");
	// var dropdown = document.getElementById("mobileSortDropdown");
	// var navbar = document.getElementById("navbar");

	if (bottomBar != null) {
		if (currentScrollPos <= 60) {
			bottomBar.style.transform = "translateY(60px)";
			console.log('test 2')
		}
		else if (prevScrollpos < currentScrollPos || (currentScrollPos) >= (document.body.offsetHeight)) {
			bottomBar.style.transform = "translateY(60px)";
			console.log(document.body.offsetHeight)
			console.log((window.innerHeight + currentScrollPos))
		}
		else if (prevScrollpos > currentScrollPos && (currentScrollPos) < (document.body.offsetHeight)) {
			bottomBar.style.transform = "translateY(0px)"
			console.log('test 1')
		}
	}

	// if (topBar != null && dropdown != null) {
	// 	if (prevScrollpos > currentScrollPos) {
	// 		topBar.style.top = "48px";
	// 		navbar.classList.remove("shadow");
	// 	} 
	// 	else if (currentScrollPos <= 125) {
	// 		topBar.style.top = "48px";
	// 		navbar.classList.remove("shadow");
	// 	}
	// 	else {
	// 		topBar.style.top = "-48px";
	// 		dropdown.classList.remove('show');
	// 		navbar.classList.add("shadow");
	// 	}
	// }
	prevScrollpos = currentScrollPos;
}