href - x 轴上的超链接

Question

请查看我希望能够单击 home 和 about 的jsfiddle 并滚动到 href 所在的中心位置？

 <a name="index">home</a>
   <a name="about">about</a>
   <div><a href="about"></a></div>
   <div class="home"><a href="#index"></a></div>

但即使是这段代码也不起作用。为什么？

我想要一个水平放置的导航面板，其中包含 Home、About、Contact 和 Info。我希望它完全位于中心。并且要固定位置。

我设法做到了这一点

$(window).scroll(function(){
    $('.navigation').css({
        'right': $(this).scrollLeft()        
    });
});

但它并不完全位于我想要的中心，当您单击其中一个时，它会将您导航到页面的相应部分，该部分与其他页面位于水平线上。

score 1 · Accepted Answer

这就是你需要的：

<a href="#index">home</a>
<a href="#about">about</a>
<a><div id="about"></div></a>
<a><div id="index" class="home"></div></a>

解释：href="#index" 使用#and 表示你使用了一个 id。在 de div 中放一个同名的 id .. 然后你就去那个地方

你甚至不需要<a>de div 中的标签

1 回答 1