jquery - 用于 div 的 jQuery next()

Question

我正在尝试制作一个可滚动的 div，到目前为止我有这个：

<div id="topBar"> 
    <span>
        <a id='slink' class='trigger' href='#Sports'>Sport</a>
        <a id='elink' class='trigger'  href='#Entertainment'>Entertainment</a >
        <a id='mlink' class='trigger' href='#Military'>Military</a>

        <a id='mocklink' class='trigger' href='#MockUp'>MockUps</a>
        <button>Next</button>
    </span>
</div>

好的，所以也许这有点简单，我知道我上次不是很清楚：

我将如何使用上面代码中的按钮从链接到链接？例如从运动到娱乐

Answer 1

.next()只是检索下一个 DOM 元素，它不会滚动到它。试试这个：

$div = $('.' + x).next().next();
$('body').animate({scrollTop:$div.position().top});

Answer 2

也许你需要这个？

$("button").click(function(){
  $('a.trigger:visible').first().fadeOut(500);
});