<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@3.6.12/dist/css/splide.min.css">
<div class="col" id="navigation">
    <a href="#track1">
        <h6 style="color:white;">track1</h6>
    </a>
</div>
    
    <div id="track1">
    track1
    </div>

    <script>
		(function($){
			$(window).load(function(){
				$("#navigation a").mPageScroll2id();
			});
		})(jQuery);
	</script>