【问题标题】:Back to top link on php included footer?返回顶部 php 上的链接是否包含页脚?
【发布时间】:2012-10-13 07:03:54
【问题描述】:

我的网站上有一个页脚部分,我想在其中包含一个返回顶部链接。 问题是它无法检测到用户在网站的哪个页面上,所以它在 index html 顶部发送它。有什么方法可以实现吗?

我不能使用<a href="#">Back to top</a>,因为我有一个链接到网站索引页面的基本href。

这段代码运行良好,也可以跨浏览器:

<a href="javascript:void(0)" onclick="parent.window.scrollTo(0,0);">TOP</a>

【问题讨论】:

    标签: javascript html href


    【解决方案1】:

    您不需要 php。 只需添加这样的链接:

    <a href="#">Back to top</a>
    

    【讨论】:

    • 忘了说,我不能使用它,因为我使用的是链接到我网站索引的基本 href。
    【解决方案2】:

    在页面内容之前添加一个命名锚点,以指定当前页面的顶部。喜欢:

    <a name="top"></a>
    <!-- Rest of your content here -->
    

    然后在你的页脚中,链接到锚点:

    <a href="#top">Back to top</a>
    

    【讨论】:

    • 我已经创建了所有页面,虽然这并不难,但我更喜欢更简单的方法,在页脚部分使用简单的代码。
    • 您也可以使用内联javascript:&lt;a href="javascript:void(0)" onclick="window.scrollTop(0)"&gt;Back to top&lt;/a&gt;
    • 是的,但是由于我在所有页面上都有一个基本的 href,&lt;a href="#"&gt; 重定向到索引。如何解决这个问题?
    • 就是这样,谢谢!虽然我不得不只用scroll(0) 更改scrollTop(0)。知道为什么它不能在最新的 Firefox 和 Opera 上运行吗?
    • 这个适用于所有浏览器:onclick="parent.window.scrollTo(0,0);"
    猜你喜欢
    • 2014-01-04
    • 2014-09-01
    • 2015-03-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-09
    • 1970-01-01
    • 2022-08-18
    相关资源
    最近更新 更多