html 回到顶部的完整代码
内容摘要
这篇文章主要为大家详细介绍了html 回到顶部的完整代码,具有一定的参考价值,可以用来参考一下。
感兴趣html 回到顶部的完整代码的小伙伴,下面一起跟随php教程的小编罗X来看看
感兴趣html 回到顶部的完整代码的小伙伴,下面一起跟随php教程的小编罗X来看看
文章正文
这篇文章主要为大家详细介绍了html 回到顶部的完整代码,具有一定的参考价值,可以用来参考一下。
感兴趣html 回到顶部的完整代码的小伙伴,下面一起跟随php教程的小编罗X来看看吧。<br>此示例显示如何使用JavaScript和HTML锚点创建高级“回到顶部”链接...您会注意到此方法不会向URL添加#top。
<!------>
<!-- 512-笔记网 www.idcnote.com -->
<script type="text/javascript">
function init(){
document.getElementById('gtop').onclick = function(){
window.scrollTo(0,0);
return false;
}
}
onload=init;
</script>
<a name="top"></a>
<h1>Top position</h1>
<p>
A long text ....<br/>
A long text ....<br/>
A long text ....<br/>
A long text ....<br/>
A long text ....<br/>
A long text ....<br/>
</p>
<!-- create a long page -->
<br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/>
<p>
Last paragraph.
</p>
<br/>
<br/>
<a href="#top" id="gtop">Go to top</a>
<br/>
<br/>
注:关于html 回到顶部的完整代码的内容就先介绍到这里,更多相关文章的可以留意
代码注释