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


Posted in Javascript onJune 25, 2016

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

代码如下(主要是通过设置Location的hash属性):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function aa(){
  window.location.hash = "#title";  
}
</script>
</head>

<body onload="aa()">
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
<span id="title" class="title" >天一广场</span><br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
页面内容<br />
</body>
</html>

以上就是小编为大家带来的js将滚动条滚动到指定位置的简单实现方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
Firefox 无法获取cssRules 的解决办法
Oct 11 Javascript
javascript的事件触发器介绍的实现
Jun 05 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
Dec 12 Javascript
JavaScript数据类型转换的注意事项
Jul 31 Javascript
Windows系统下安装Node.js的步骤图文详解
Nov 15 Javascript
vue移动端路由切换实例分析
May 14 Javascript
详解基于node.js的脚手架工具开发经历
Jan 28 Javascript
微信小程序使用Vant Weapp组件库的方法步骤
Aug 01 Javascript
JS快速实现简单计算器
Apr 08 Javascript
react 原生实现头像滚动播放的示例
Apr 21 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 jQuery
基于JavaScript实现轮播图效果
Jan 02 Javascript
jQuery图片渐变特效的简单实现
Jun 25 #Javascript
js删除局部变量的实现方法
Jun 25 #Javascript
浅谈JQuery+ajax+jsonp 跨域访问
Jun 25 #Javascript
javascript 广告移动特效的实现代码
Jun 25 #Javascript
jQuery+CSS3文字跑马灯特效的简单实现
Jun 25 #Javascript
解析JavaScript中的字符串类型与字符编码支持
Jun 24 #Javascript
JavaScript程序中实现继承特性的方式总结
Jun 24 #Javascript
You might like
Discuz7.2版的faq.php SQL注入漏洞分析
2014/08/06 PHP
php+mysql实现简单的增删改查功能
2015/07/13 PHP
thinkphp自带验证码全面解析
2016/09/18 PHP
thinkPHP简单调用函数与类库的方法
2017/03/15 PHP
php检测mysql表是否存在的方法小结
2017/07/20 PHP
Javascript异步表单提交,图片上传,兼容异步模拟ajax技术
2010/05/10 Javascript
jQuery调用WebService的实现代码
2011/06/19 Javascript
jQuery 开发者应该注意的9个错误
2012/05/03 Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
2013/10/18 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
2014/08/30 Javascript
基于jquery实现图片上传本地预览功能
2016/01/08 Javascript
浅谈JQ中mouseover和mouseenter的区别
2016/09/13 Javascript
JavaScript实现反转字符串的方法详解
2017/04/27 Javascript
JavaScript屏蔽Backspace键的实现代码
2017/11/02 Javascript
js登录滑动验证的实现(不滑动无法登陆)
2018/01/03 Javascript
JS实现不用中间变量temp 实现两个变量值得交换方法
2018/02/04 Javascript
你应该了解的JavaScript Array.map()五种用途小结
2018/11/14 Javascript
js实现翻牌小游戏
2020/07/31 Javascript
pygame学习笔记(3):运动速率、时间、事件、文字
2015/04/15 Python
Python 基础教程之闭包的使用方法
2017/09/29 Python
浅谈Python使用Bottle来提供一个简单的web服务
2017/12/27 Python
Python的UTC时间转换讲解
2019/02/26 Python
python实现复制大量文件功能
2019/08/31 Python
css3 利用transform打造走动的2D时钟
2020/10/20 HTML / CSS
HTML5文档结构标签
2017/04/21 HTML / CSS
英国著名的药妆网站:Escentual
2016/07/29 全球购物
Orvis官网:自1856年以来,优质服装、飞钓装备等
2018/12/17 全球购物
php优化查询foreach代码实例讲解
2021/03/24 PHP
项目施工员岗位职责
2014/03/09 职场文书
廉政承诺书范文
2015/04/28 职场文书
光荣之路观后感
2015/06/12 职场文书
2016银行求职自荐信
2016/01/28 职场文书
Go语言中的UTF-8实现
2021/04/26 Golang
python使用tkinter实现透明窗体上绘制随机出现的小球(实例代码)
2021/05/17 Python
MySQL 十大常用字符串函数详解
2021/06/30 MySQL
在python中读取和写入CSV文件详情
2022/06/28 Python