首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

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将滚动条滚动到指定位置的简单实现方法全部内容了，希望大家多多支持三水点靠木~

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

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
JS和jquery获取各种屏幕的宽度和高度的代码
Aug 02 Javascript
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
Aug 05 Javascript
22点关于jquery性能优化的建议
May 28 Javascript
jQuery中prev()方法用法实例
Jan 08 Javascript
JSON格式的键盘编码对照表
Jan 29 Javascript
jQuery获取DOM节点实例分析(2种方式)
Dec 15 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
工厂模式在JS中的实践
Jan 18 Javascript
JavaScript获取当前时间向前推三个月的方法示例
Feb 04 Javascript
VueJS事件处理器v-on的使用方法
Sep 27 Javascript
vue中实现拖动调整左右两侧div的宽度的示例代码
Jul 22 Javascript
VUE Elemen-ui之穿梭框使用方法详解
Jan 19 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
decorator(1) translation(2) 二维数组(2) 网页解析(1) 查找算法(1) 安卓(1) 循环(3) 分块(1) 装饰器(1) 嵌套(1)
You might like
php pki加密技术(openssl)详解
2013/07/01 PHP
php preg_replace替换实例讲解
2013/11/04 PHP
ThinkPHP模板范围判断输出In标签与Range标签用法详解
2014/06/30 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
2017/07/04 PHP
php微信公众号开发之二级菜单
2018/10/20 PHP
PHP简单实现图片格式转换(jpg转png，gif转png等)
2019/10/30 PHP
PHP7 其他语言层面的修改
2021/03/09 PHP
学习jquery之一
2007/04/27 Javascript
javascript OFFICE控件测试代码
2009/12/08 Javascript
javascript深入理解js闭包
2010/07/03 Javascript
表单验证的完整应用案例探讨
2013/03/29 Javascript
javascript里使用php代码实例
2014/12/13 Javascript
详解Node.js如何开发命令行工具
2016/08/14 Javascript
基于原生js运动方式关键点的总结(推荐)
2017/10/01 Javascript
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
2018/01/25 jQuery
用vue2.0实现点击选中active其他选项互斥的效果
2018/04/12 Javascript
python将html转成PDF的实现代码(包含中文)
2013/03/04 Python
在Python中关于中文编码问题的处理建议
2015/04/08 Python
python的常用模块之collections模块详解
2018/12/06 Python
python中ImageTk.PhotoImage()不显示图片却不报错问题解决
2018/12/06 Python
python绘图模块matplotlib示例详解
2019/07/26 Python
python实现两个文件夹的同步
2019/08/29 Python
Python Process多进程实现过程
2019/10/22 Python
python 实现单通道转3通道
2019/12/03 Python
python @propert装饰器使用方法原理解析
2019/12/25 Python
python实现加密的方式总结
2020/01/19 Python
Python 实现Image和Ndarray互相转换
2020/02/19 Python
用CSS3实现无限循环的无缝滚动的实例代码
2017/07/04 HTML / CSS
巴西最好的男鞋：Rafarillo
2018/05/25 全球购物
JavaScript实现前端网页版倒计时
2021/03/24 Javascript
写好自荐信要注意的问题
2013/11/10 职场文书
给国外客户的邀请函
2014/01/30 职场文书
工艺员岗位职责
2014/02/11 职场文书
社区扶贫帮困工作总结
2015/05/20 职场文书
python 爬取吉首大学网站成绩单
2021/06/02 Python
MySQL8.0无法启动3534的解决方法
2021/06/03 MySQL