1
:-)ここで初心者の質問私は私のナビゲーションバーにscrollspy効果を達成しようとしています。基本的には、対応するセクションにスクロールすると、リンクが赤色になる必要があります。 私はすでに見て、オンラインでいくつかの例を見つけましたが、私が実際に試したことはありませんでした、そして、私のJSはとにかく厄介です。
誰でもここでお手伝いできますか? https://jsfiddle.net/Tiph/v6vtczwe/
Tahnkあなたがそんなにあなたの時間と助けのために:ここ
は、私がこれまで持っていっぱいJSFiddleです!
$(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");
}
});