- 浏览: 119768 次
- 性别:
- 来自: 合肥
文章分类
- 全部博客 (86)
- Web Page (23)
- Java (5)
- Web Security (7)
- Cache (0)
- Message (0)
- CAS (3)
- 开源系统 (2)
- my systems (2)
- Apache Chemistry and Jackrabbit (1)
- Jquery (1)
- spring (8)
- 虚拟主机部署 (3)
- ORM (3)
- myeclipse eclipse (5)
- full index (1)
- 公式编辑器 (1)
- 网页编辑器 (1)
- junit4 (1)
- 飞鸽传书 (1)
- centos install (1)
- maven (1)
- hibernate (1)
- tomcat (5)
- eclipse (4)
- 工具 (1)
- mysql (2)
- tomcat jndi + spring配置 (1)
- goagent (0)
- html video (1)
- ckeditor (0)
- getResourceAsStream (1)
- online education project (1)
- Mac (1)
- Chrome (1)
- dev-tool (1)
最新评论
-
107x:
谢谢分享
Eclipse下使用maven开发web项目 -
a604346146:
如果你关闭该界面时,session没有注销,你不能再登录进去, ...
spring security 同步session控制 -
Jekey:
...
已有windows 7下硬盘安装CentOS 6.x
页面回发后,让页面自动滚动到指定位置的一种简单的方法
【技术文档】
最近某客户做实施,顺便完善一下程序。突然找到了一个老问题的解决方法。
就是当用户按一个按钮后,希望回发后的页面滚到一个指定的位置,而不是页面的开头部分。以前看过一篇文章介绍了一种方法,当时也没有理解,也没有记录下来,现在又遇到了这个问题,还是自己想一个简单点的方法吧。
博克园里的“最新评论”里的链接,点击后打开的页面会直接滚动到指定的评论而不是帖子一开始的位置。
那么就用这种方法了,看了一下HTML代码,发现有这一类的标签
原来奥秘就在 name="001"这里,在这里作一个“标记”,然后单击这个连接的时候就会自动滚动到这里。
ok了,就是他了。那么怎么触发这个js的单击事件呢?很简单,在页面加载完毕之后执行这个js语句就可以了
document.getElementById("a001").click();
等等,并不是每一次看这个页面都要自动滚动者这个标签上呀,怎么办呢?这也好办,再加一个标志就可以了。
我们再加一个文本框来记录这个标志。
当文本框里有值的时候,我们就触发这个事件,没有值的话就不用了。
等等好像还有一个问题,如果在同一个页面里,需要根据不同的情况,跳到不同的位置怎么办呀。这个也简单。
我们多做几个 <a>标签,标记多个位置,然后要跳到哪里就把对应的 <a>标签的ID放在文本框里面。在稍微修改一下js函数就可以了。
当然了,要在后置代码里面根据需求给文本框赋值。
发表评论
-
CSS 的 margin 很困難
2014-04-21 14:24 1543转自:http://xxxxxly.in/posts/ ... -
禁止浏览器自动填充用户名密码
2014-02-18 22:37 958有时页面字段不希望浏览器自动填充用户名和密码,可以在< ... -
Struts标签中的字符串格式化输出
2013-07-11 08:49 1153转自: http://blog.csdn.net/bzkfn ... -
Eclipse下使用maven开发web项目
2012-07-17 09:37 2248摘抄自: http://www.noday.net/artic ... -
eclipse下struts的maven项目报 Missing artifact com.sun:tools:jar错
2012-07-11 17:51 1863如果项目中使用struts2和mave, 则pom文件可能如下 ... -
onsubmit=return false阻止form表单提交javascript_1
2011-12-01 01:22 1094摘自:http://jackaudrey.blog ... -
防止表单自动提交,以及submit和button提交表单的区别
2011-12-01 01:21 6460转自:http://jackaudrey.blog ... -
Iframe 自适应3
2011-11-30 20:27 927Iframe跨域自适应高度(兼容IE/Fi ... -
ckeditor中文文档——开发者文档(3)配置--配置设置
2011-11-30 13:58 2017---- 摘自:http://blog.csdn.net/lh ... -
为CKEditor添加Readonly按钮和Upload Image按钮
2011-11-30 08:29 1709问题内容 转自:http://cjkz.52bianc ... -
jsp中ckeditor的运用实例及配置
2011-11-22 13:33 739转自: http://hi.baidu.com/%B7%E7 ... -
常用图标
2011-08-30 17:17 718验证表单 -
表单验证提示信息
2011-08-30 17:14 2039<!DOCTYPE html PUBLIC " ... -
tip help--js带箭头的提示框
2011-08-30 16:56 1637<!DOCTYPE html PUBLIC " ... -
div move
2011-08-30 16:17 831<!DOCTYPE html PUBLIC " ... -
验证码Jcaptcha .
2011-08-30 15:58 757http://blog.csdn.net/sz_bdqn/ar ... -
十大最佳Ajax教程(转)
2011-07-12 10:15 846转自:http://news.csdn.net/a/20100 ... -
iframe高度自适应2
2011-07-10 22:09 630http://www.fufuok.com/adaptive- ... -
iframe高度自适应1(转)
2011-07-10 22:08 1160转自:http://www.kuqin.com/w ... -
(转)16个Javascript表单事件脚本(表单验证、选择)
2011-07-09 22:58 93316个JavaScript 表单事件脚本, 含jQu ...
相关推荐
另一种方法是使用`Element.scrollIntoView`,它提供了更多的配置选项来实现平滑滚动: ```javascript document.getElementById('stop-point').scrollIntoView({ behavior: 'smooth', // 平滑滚动 block: 'center'...
在Web开发中,页面内的导航跳转到特定的内容位置是一项常见需求。本文介绍了几种使用JavaScript实现页面滚动到指定div位置的解决方案。这些方法主要包括锚点法、jQuery的animate方法、window.scrollTo方法和...
在网页开发中,有时我们需要让页面的滚动条自动滚动到特定的位置,比如某个元素所在的位置,以引导用户关注或提供更好的浏览体验。本篇文章将详细讲解如何使用JavaScript实现这一功能。 首先,我们要明白滚动条滚动...
如果他们在完成操作后返回原列表,理想情况下,页面应该自动滚动到他们离开时的位置,让用户能够无缝继续浏览。 3. **下拉刷新与上拉加载**:这两种交互模式是移动Web开发中的重要特性。下拉刷新通常用于更新当前...
ScrollView是iOS开发中常见的一种控件,用于展示可滚动的内容,比如长文本、多张图片或者复杂的用户界面。在本项目"SCrollView自动滚动视图"中,开发者旨在实现一个具备循环翻页效果的ScrollView,它能自动滚动并...
5. **自动滚动**: 要实现自动滚动,我们需要设置一个定时器(Timer)并在指定间隔(如3秒)调用ViewPager的`setCurrentItem()`方法,使其自动切换到下一个页面。同时,我们需要监听ViewPager的滑动事件,防止定时器...
在网页设计中,有时我们需要创建一种效果,使得某些元素如客服图标或浮动菜单在用户滚动页面时始终保持在屏幕的特定位置。这个需求可以通过纯CSS来实现,无需借助JavaScript或者其他复杂的技术手段。标题“纯css控制...
第三种方法简单易用,但在*** Web Forms中需要使用服务器端代码来辅助触发锚点跳转,实现页面加载时的自动滚动。 以上就是实现***页面刷新后自动滚动到原来位置的三种方法。这些方法可以根据实际项目需求和环境选择...
在Android应用开发中,Monkey测试是一种自动化测试方法,主要用于检测应用程序的稳定性、健壮性和性能。Monkey测试通过发送随机的用户事件(如触摸、按键、滚动等)到应用程序,以此来模拟用户的各种操作,帮助...
这个方法可以实现滚动至指定的位置。 3. 使用 window.ScrollBy 方法滚动 ``` driver.execute_script('window.ScrollBy(xx,xx)') ``` 这个示例中,我们使用 window.ScrollBy 方法来实现滚动。这个方法可以实现上下...
在网页开发中,有时我们需要实现一个功能,使得页面中的某个具有滚动条的div元素自动滚动到最底部,以便用户能够即时查看新加载的内容,比如在实时聊天应用中。本文将介绍三种实现这一功能的方法。 方法一:使用锚...
这个功能可以增强用户体验,特别是在阅读长篇文章或浏览长页面时,用户可以通过简单的鼠标操作来实现页面的自动滚动。 首先,我们要理解这个功能的核心是利用JavaScript事件监听器来响应用户的鼠标点击事件。在...
全页面滚动插件,如标题所示,是一种网页设计技术,旨在提供流畅的、逐屏滚动的用户体验。在现代网页设计中,全页面滚动已经成为一种流行趋势,尤其适用于展示型网站和创意作品集,因为它能够有效地引导用户按照设计...
在网页交互设计中,有时我们需要实现用户点击一个链接或按钮后,页面自动滚动到特定的元素位置。jQuery 提供了一种简单易用的方法来实现这一功能。本文将深入解析如何利用 jQuery 实现点击滚动到指定元素上的技术。 ...
在Android应用开发中,创建一个可滚动切换的Tab页面是一种常见的设计模式,它能提供良好的用户体验,让用户在多个视图间轻松切换。本教程将详细讲解如何利用`Fragment`、`ViewPager`、`PagerAdapter`以及`TabLayout`...
3. 在事件处理函数中,计算目标位置,然后使用animate()方法平滑滚动到该位置,同时指定缓动函数。 4. 可能还需要处理滚动条的自动绑定,例如当页面加载或窗口大小改变时,确保滚动效果始终有效。 总的来说,...
`scrollY`表示浏览器视口在垂直方向上的滚动位置,而`scrollTo(x, y)`方法则会将页面滚动到指定的坐标。 二、单击滚屏 在JavaScript中,我们可以为任何元素添加点击事件监听器,当用户单击时执行相应的函数。例如...
在现代网页设计中,无限循环的无缝滚动是一种常见的动画效果,尤其是在列表或者新闻滚动模块中。使用CSS3实现这一效果,不仅可以提升用户体验,而且可以减少JavaScript的使用,简化前端代码。CSS3中提供的一些关键...
jQuery HCSticky插件通过监听页面滚动事件,动态调整div层的CSS属性,使其在特定条件下(如滚动到特定位置)变为固定定位。插件内置了多种动画效果,使得这一转换过程更加平滑自然。 **三、使用方法** 1. **引入...