我怎样才能做一个链接到页面上的一个锚不知道锚的名字吗？(How can I make a link

我在页面顶部的按钮，我想编写代码的时候进入下一个锚，无论它是什么。 其实我想要做一个/上一个按钮转到下一个和以前的锚。 此按钮是一个静态的框架上，所以它应该理想地滚动页面的其余部分。

任何建议将是巨大的。 再次，我不知道这是什么的锚，更像是在使用通用按钮章节导航。

好像在寻找DOM下一个锚对象，去那里应该是一个可行的事情，但我不是在jQuery的或JavaScript做一个高手。

Answer 1:

var index = -1;

$('.next').click(function() {
   index++;
   $(window).scrollTop($('a').eq(index).position().top);

});
$('.previous').click(function() {
   index--;
   if(index < 0) { index = 0;}

   $(window).scrollTop($('a').eq(index).position().top);
});

Answer 2:

一个好的解决办法是设置使用类“当前”锚（也许硬代码类网页上的第一锚=“目前”），然后使用jQuery去通过DOM，并选择一个或下一个锚。 假设你有“未来”和“以前”按钮，你可以这样做：

<script type="text/javascript">

  $('.next').click(function(e){
    e.preventDefault();
    var current_anchor = $('a.current');
    var next_anchor = current.next('a');
    $('body').animate({scrollTop:next_anchor.offset().top});
  })

  $('.previous').click(function(e){
    e.preventDefault();
    var current_anchor = $('a.current');
    var previous_anchor = current.prev('a');
    $('body').animate({scrollTop:previous_anchor.offset().top});
  })

</script>

文章来源: How can I make a link go to the next anchor on the page without knowing anchor name?