`

页面回发后,让页面自动滚动到指定位置的一种简单的方法

 
阅读更多

页面回发后,让页面自动滚动到指定位置的一种简单的方法

文本Tag: 微软 sql

【技术文档】 

  最近某客户做实施,顺便完善一下程序。突然找到了一个老问题的解决方法。 

  就是当用户按一个按钮后,希望回发后的页面滚到一个指定的位置,而不是页面的开头部分。以前看过一篇文章介绍了一种方法,当时也没有理解,也没有记录下来,现在又遇到了这个问题,还是自己想一个简单点的方法吧。 

  博克园里的“最新评论”里的链接,点击后打开的页面会直接滚动到指定的评论而不是帖子一开始的位置。 

  那么就用这种方法了,看了一下HTML代码,发现有这一类的标签
<a id="a001" href="#001" name="001"></a>
  原来奥秘就在 name="001"这里,在这里作一个“标记”,然后单击这个连接的时候就会自动滚动到这里。 

  ok了,就是他了。那么怎么触发这个js的单击事件呢?很简单,在页面加载完毕之后执行这个js语句就可以了 

document.getElementById("a001").click(); 

  等等,并不是每一次看这个页面都要自动滚动者这个标签上呀,怎么办呢?这也好办,再加一个标志就可以了。 

  我们再加一个文本框来记录这个标志。
<asp:TextBox id="Txt_A" runat="server" Width="72px"></asp:TextBox>
function myLoad() { var a = document.getElementById("Txt_A").value; if (a != "") { document.getElementById("a001").click(); } }
  当文本框里有值的时候,我们就触发这个事件,没有值的话就不用了。 

  等等好像还有一个问题,如果在同一个页面里,需要根据不同的情况,跳到不同的位置怎么办呀。这个也简单。 

  我们多做几个 <a>标签,标记多个位置,然后要跳到哪里就把对应的 <a>标签的ID放在文本框里面。在稍微修改一下js函数就可以了。 
function myLoad() { var a = document.getElementById("Txt_A").value; if (a != "") { document.getElementById(a).click(); } }
  当然了,要在后置代码里面根据需求给文本框赋值。

分享到:
评论

相关推荐

    HTML在页面上滚动滚轮滚动到指定的位置停.javascript_js跳转到页面指定位置

    另一种方法是使用`Element.scrollIntoView`,它提供了更多的配置选项来实现平滑滚动: ```javascript document.getElementById('stop-point').scrollIntoView({ behavior: 'smooth', // 平滑滚动 block: 'center'...

    JS控制div跳转到指定的位置的几种解决方案总结

    在Web开发中,页面内的导航跳转到特定的内容位置是一项常见需求。本文介绍了几种使用JavaScript实现页面滚动到指定div位置的解决方案。这些方法主要包括锚点法、jQuery的animate方法、window.scrollTo方法和...

    js将滚动条滚动到指定位置的简单实现方法

    在网页开发中,有时我们需要让页面的滚动条自动滚动到特定的位置,比如某个元素所在的位置,以引导用户关注或提供更好的浏览体验。本篇文章将详细讲解如何使用JavaScript实现这一功能。 首先,我们要明白滚动条滚动...

    h5下拉刷新上拉加载滚动条位置

    如果他们在完成操作后返回原列表,理想情况下,页面应该自动滚动到他们离开时的位置,让用户能够无缝继续浏览。 3. **下拉刷新与上拉加载**:这两种交互模式是移动Web开发中的重要特性。下拉刷新通常用于更新当前...

    SCrollView自动滚动视图

    ScrollView是iOS开发中常见的一种控件,用于展示可滚动的内容,比如长文本、多张图片或者复杂的用户界面。在本项目"SCrollView自动滚动视图"中,开发者旨在实现一个具备循环翻页效果的ScrollView,它能自动滚动并...

    android 循环banner自动滚动

    5. **自动滚动**: 要实现自动滚动,我们需要设置一个定时器(Timer)并在指定间隔(如3秒)调用ViewPager的`setCurrentItem()`方法,使其自动切换到下一个页面。同时,我们需要监听ViewPager的滑动事件,防止定时器...

    纯css控制内容随滚动条滚动,可放任意位置

    在网页设计中,有时我们需要创建一种效果,使得某些元素如客服图标或浮动菜单在用户滚动页面时始终保持在屏幕的特定位置。这个需求可以通过纯CSS来实现,无需借助JavaScript或者其他复杂的技术手段。标题“纯css控制...

    ASP.Net刷新页面后自动滚动到原来位置方法汇总

    第三种方法简单易用,但在*** Web Forms中需要使用服务器端代码来辅助触发锚点跳转,实现页面加载时的自动滚动。 以上就是实现***页面刷新后自动滚动到原来位置的三种方法。这些方法可以根据实际项目需求和环境选择...

    monkey指定页面测试

    在Android应用开发中,Monkey测试是一种自动化测试方法,主要用于检测应用程序的稳定性、健壮性和性能。Monkey测试通过发送随机的用户事件(如触摸、按键、滚动等)到应用程序,以此来模拟用户的各种操作,帮助...

    selenium+JS页面滚动.docx

    这个方法可以实现滚动至指定的位置。 3. 使用 window.ScrollBy 方法滚动 ``` driver.execute_script('window.ScrollBy(xx,xx)') ``` 这个示例中,我们使用 window.ScrollBy 方法来实现滚动。这个方法可以实现上下...

    让DIV的滚动条自动滚动到最底部的3种方法(推荐)

    在网页开发中,有时我们需要实现一个功能,使得页面中的某个具有滚动条的div元素自动滚动到最底部,以便用户能够即时查看新加载的内容,比如在实时聊天应用中。本文将介绍三种实现这一功能的方法。 方法一:使用锚...

    双击鼠标自动滚动屏幕的代码.rar

    这个功能可以增强用户体验,特别是在阅读长篇文章或浏览长页面时,用户可以通过简单的鼠标操作来实现页面的自动滚动。 首先,我们要理解这个功能的核心是利用JavaScript事件监听器来响应用户的鼠标点击事件。在...

    fullpage全页面滚动插件

    全页面滚动插件,如标题所示,是一种网页设计技术,旨在提供流畅的、逐屏滚动的用户体验。在现代网页设计中,全页面滚动已经成为一种流行趋势,尤其适用于展示型网站和创意作品集,因为它能够有效地引导用户按照设计...

    jQuery实现点击滚动到指定元素上的方法分析

    在网页交互设计中,有时我们需要实现用户点击一个链接或按钮后,页面自动滚动到特定的元素位置。jQuery 提供了一种简单易用的方法来实现这一功能。本文将深入解析如何利用 jQuery 实现点击滚动到指定元素上的技术。 ...

    可滚动切换的Tab页面

    在Android应用开发中,创建一个可滚动切换的Tab页面是一种常见的设计模式,它能提供良好的用户体验,让用户在多个视图间轻松切换。本教程将详细讲解如何利用`Fragment`、`ViewPager`、`PagerAdapter`以及`TabLayout`...

    jQuery平滑页面滚动切换特效.zip

    3. 在事件处理函数中,计算目标位置,然后使用animate()方法平滑滚动到该位置,同时指定缓动函数。 4. 可能还需要处理滚动条的自动绑定,例如当页面加载或窗口大小改变时,确保滚动效果始终有效。 总的来说,...

    js实现页面自动滚屏效果

    `scrollY`表示浏览器视口在垂直方向上的滚动位置,而`scrollTo(x, y)`方法则会将页面滚动到指定的坐标。 二、单击滚屏 在JavaScript中,我们可以为任何元素添加点击事件监听器,当用户单击时执行相应的函数。例如...

    用CSS3实现无限循环的无缝滚动的实例代码

    在现代网页设计中,无限循环的无缝滚动是一种常见的动画效果,尤其是在列表或者新闻滚动模块中。使用CSS3实现这一效果,不仅可以提升用户体验,而且可以减少JavaScript的使用,简化前端代码。CSS3中提供的一些关键...

    6种效果jquery页面滚动div层固定插件hcsticky

    jQuery HCSticky插件通过监听页面滚动事件,动态调整div层的CSS属性,使其在特定条件下(如滚动到特定位置)变为固定定位。插件内置了多种动画效果,使得这一转换过程更加平滑自然。 **三、使用方法** 1. **引入...

Global site tag (gtag.js) - Google Analytics