1
对不起提前,初学者的问题在这里:-)简单scrollspy效果的jQuery
我想实现我的导航一scrollspy效果。基本上,我只需要当我滚动到相应的部分时,我的链接就会变成红色。 我已经看了一下,发现了一些在线的例子,但是我试过的东西实际上并没有解决,而且我的JS也是草率的。
任何人都可以帮忙吗?
这里是满的jsfiddle我到目前为止: https://jsfiddle.net/Tiph/v6vtczwe/
Tahnk你这么多的时间和帮助!
$(document).ready(function(){
//SMOOTHSCROLL
$('.nav-top a, .scrollDown').click(function(){
$('html, body').animate({
scrollTop: $($(this).attr('href'))
.offset().top
}, 700);
return false;
});
});
$(window).scroll(function(){
var $window =$(window);
var scroll_top = $(window).scrollTop();
console.log($(window).scrollTop());
var position = $("section").offset().top;
var news = $("#newsSection").offset().top;
var shows = $("#showsSection").offset().top;
if (scroll_top >= news) {
$('.news').addClass("selected");
}
if (scroll_top >= shows) {
$('.shows').addClass("selected");
}
});