首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >与基础href一起工作的防弹“返回顶部”锚点?

与基础href一起工作的防弹“返回顶部”锚点?
EN

Stack Overflow用户
提问于 2011-11-23 01:34:09
回答 2查看 2.2K关注 0票数 0

我如何创建一个防弹的“返回顶部”锚,无论站点是否有基础href都可以工作?

我是否应该使用脚本来嗅探页面的当前URL并动态创建锚点?

页面顶部的锚点是:

代码语言:javascript
复制
<a id="top"></a>

“返回顶部”链接位于页面底部:

代码语言:javascript
复制
<a href="#top">Back to top</a>

但是,当页面上存在基HREF时,无论当前目录是什么,“返回顶部”始终解析为基HREF。我该如何克服这个问题呢?

EN

回答 2

Stack Overflow用户

发布于 2011-11-23 02:23:20

我可以在服务器端使用下面的PHP:

代码语言:javascript
复制
return '<a href="http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'].'#top">&uarr; Back to Top</a>';
票数 2
EN

Stack Overflow用户

发布于 2011-11-23 01:39:41

我以前用过这个,但它是Javascript:

代码语言:javascript
复制
<script language="JavaScript" type="text/javascript"> 
<!-- 
document.write("<a href= \"" + document.location + "#top\">top</a>"); 
// --> 
</script> 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8231115

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档