添加活动滚动页面(Add active scroll page)

添加活动滚动页面(Add active scroll page)

我想知道如何在每个div的向下滚动菜单中添加资产

$(".link").click(function () { $('html, body').animate({ scrollTop: $($.attr(this, 'href')).offset().top }, 500); return false; });

链接： http ： //jsfiddle.net/r8325qy8/

I would like to know how I can add an asset when the scroll down menu for each div

$(".link").click(function () { $('html, body').animate({ scrollTop: $($.attr(this, 'href')).offset().top }, 500); return false; });

Link: http://jsfiddle.net/r8325qy8/

最满意答案

您可以通过从任何其他元素中删除.current类并将该类添加到单击的目标来实现。

$(".link").click(function () { var target = $(this); // select the current clicked element $('html, body').animate({ scrollTop: $($.attr(this, 'href')).offset().top }, 500, function() { $('li.current').removeClass('current'); // remove all previous marking target.parent().addClass('current'); // apply the css class to the clicked element }); return false; });

一个工作小提琴

You can achieve that by removing the .current class from any other element and add that class to the target which was clicked.

$(".link").click(function () { var target = $(this); // select the current clicked element $('html, body').animate({ scrollTop: $($.attr(this, 'href')).offset().top }, 500, function() { $('li.current').removeClass('current'); // remove all previous marking target.parent().addClass('current'); // apply the css class to the clicked element }); return false; });

A working fiddle