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

时间:2010-02-10 07:44:54

标签: php xhtml href

我正在尝试将一些文字与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

1 个答案:

答案 0 :(得分:7)

不要使用已弃用的属性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?