使用 href 链接转到网站内的特定部分答案

【问题标题】：using href links to go to specific section within website使用 href 链接转到网站内的特定部分
【发布时间】：2011-01-15 03:56:20
【问题描述】：

我正在尝试将一些带有 href 标记的文本链接到我网站中的特定部分。

在主页上，我有一个引用，然后是说这句话的人的名字。我想将他的名字链接到我的“关于”部分的“即将发生的事件”选项卡。

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

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

【问题讨论】：

标签： php xhtml href

【解决方案1】：

不要使用属性name，它已被弃用，而是使用id

示例代码，如何使用anchor 跳转到具有指定id 的div：

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

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

对于使用 jQuery 的滚动动画，请查看 How can I scroll to a specific location on the page using jquery?

【讨论】：

它不工作。我这样做了，它就挂在那里。它不会刷新页面，也不会移动到我放置 div 的位置。还有其他选择吗？我对 jQuery （这是我买的模板）一无所知，所以你也附上的链接我看了看，但不知道该怎么做。谢谢。 DHJolesch