使用href链接在网站内部跳转到特定的部分

Question

我正在尝试使用href标签将一些文本链接到我的网站上的特定部分。

在首页上，我有一个引用，然后是说这句话的人的名字。我想将他的名字链接到“关于”部分下的“即将到来的活动”选项卡。

该网站是http://www.verticalministries.net。名称“Aaron Ivey”需要链接到“关于”部分下的“即将到来的活动”选项卡。该网站是一个使用JavaScript滚动的单页作品集。

我尝试使用name属性，但那并不起作用，因为href标签看起来像
<a href="#about#ivey>Aaron Ivey</a>，这不是有效的代码，因为我通过类滚动页面。我确实检查了name属性，并给它了#ivey。

<div class="fifth_page" style="display:none"> 
            <h1>Upcoming Events</h1>
                <h4>Feb. 15 &#45; Aaron Ivey Band</h4> 
                <a name="#ivey"></a>
                <img src="images/iveypromo.jpg" alt="Aaron Mug Shot" class="floatRight img_left_space" />
               <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“Aaron Ivey believes that all worship is a response to a creative and compelling God.  Serving as one of the worship pastors at <a href="http://www.austinstone.org" target="_blank">The Austin Stone</a>...</p>  
      </div>

非常感谢您的帮助。

如果您有任何进一步的问题，请告知我。

谢谢。

祝好，

DHJolesch

- dhjolesch

Answer 1

不要使用已被弃用的属性 name，而应该使用 id。

示例代码，如何通过锚点跳转到具有指定id的div：

<a href="#your-page-element">Jump to ID</a>

<div id="your-page-element">
    will jump here
</div>

此外，想要使用jQuery实现滚动动画，请参考如何使用jquery在页面上滚动到特定位置？

- Juraj Blahunka

---

它不起作用。我做了那个，但它就卡在那里。它不会刷新页面，也不会移动到我放置div的位置。还有其他选项吗？我对jQuery一无所知（这是我购买的模板），所以你附加的链接我看了，但不确定如何完成其中任何一个。谢谢。DHJolesch - dhjolesch