Ćwiczę z 3 częścią kursu CSS Mirosława Zelenta i próbuję dodać "sticky" menu ale wciąż mi się nie udaje. Nie wiem co zrobiłem źle. Plik jquery mam oczywiście w folderze. Proszę o pomoc.
<script src="jquery-1.12.3.min.js"></script>
<script>
$(document).ready(function() {
var stickyNavTop = $('.nav').offset().top;
var stickyNav = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyNavTop) {
$('.nav').addClass('sticky');
} else {
$('.nav').removeClass('sticky');
}
};
stickyNav();
$(window).scroll(function() {
stickyNav();
});
});
</script>
a tutaj CSS
.sticky
{
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 100;
}