页面跳到顶部的方法

我的页面含有多个div控件,通过点击某个按钮来显示或隐藏div,实现页面中的功能,但是我的页面中出现了滚动条。So我就遇到了,我在页面的底部点击某个按钮,无法跳转到顶部的问题,我使用锚点链接解决的,其他的方法还没有研究。

一、使用锚点链接

使用锚点链接是一种简单的返回顶部的方法。该方法主要在页面顶部放置一个指定名称的锚点链接,然后我们在页面下方放置一个返回到该锚点的链接,用户点击该链接即可返回到该锚点所在的顶部位置。注意:锚点的实现,需要使用至少2次<a>标签来完成。

1. 基本形式如下:

<a name="锚点的名字"></a>

意思是在网页中的某一个位置,插入一个锚点

<a href="#锚点的名字">显示的字样</a>

意思是在网页中的某一个位置链接之前设定的锚点,只要点击该链接,就会自动跳转到锚点处。

2. 实现相互跳转如下:

<a href="#bottom" name="top">顶部</a> 
<a href="#top" name="bottom">底部</a>

意思是在网页中的顶部与底部分别设定的锚点,点击顶部的链接,就会自动跳转到底部的锚点处,反之亦然。

3.我记录一下我的用法吧:

(1) 在html页面中插入锚点链接,在底部的锚点链接设置id属性
在这里插入图片描述
(2) 使用标签的id属性进行调用

function run()
 {
       setTimeout(function () {
               document.getElementById("aa").click();
        });
 }

(3) 后台调用run()方法

Page.RegisterClientScriptBlock("", "<script language=javascript> run();</script>");

如此简单,大功告成。
不完善的地方请大家补充,有错误的地方请大家指正。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值