html 回到顶部的完整代码

发布时间：2020-12-14 21:22:54 所属栏目：资源来源：网络整理

导读：感兴趣html 回到顶部的完整代码的小伙伴，下面一起跟随编程之家 jb51.cc的小编来看看吧。br 此示例显示如何使用JavaScript和HTML锚点创建高级回到顶部链接... 您会注意到此方法不会向URL添加#top。 !------!-- 512-笔记网 jb51.cc --script type="text/javasc

感兴趣html 回到顶部的完整代码的小伙伴，下面一起跟随编程之家 52php.cn的小编来看看吧。<br>
此示例显示如何使用JavaScript和HTML锚点创建高级“回到顶部”链接...
您会注意到此方法不会向URL添加#top。

<!------>
<!-- 512-笔记网 52php.cn -->
<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/>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!