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 相关文章推荐
jquery 1.4.2发布!主要是性能与API
Feb 25 Javascript
iframe 上下滚动条如何默认在下方实现原理
Dec 10 Javascript
jquery使用jxl插件导出excel示例
Apr 14 Javascript
JavaScript 学习笔记之变量及其作用域
Jan 14 Javascript
JavaScript判断undefined类型的正确方法
Jun 30 Javascript
JS获取文件大小方法小结
Dec 08 Javascript
JavaScript类型系统之基本数据类型与包装类型
Jan 06 Javascript
jQuery解析json格式数据简单实例
Jan 22 Javascript
JS求解三元一次方程组值的方法
Jan 03 Javascript
js计算两个日期间的天数月的实例代码
Sep 20 Javascript
JavaScript实现与使用发布/订阅模式详解
Jan 19 Javascript
vue 递归组件的简单使用示例
Jan 14 Vue.js
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
PHP 截取字符串函数整理(支持gb2312和utf-8)
2010/02/16 PHP
浅析memcache启动以及telnet命令详解
2013/06/28 PHP
thinkPHP中session()方法用法详解
2016/12/08 PHP
thinkPHP+mysql+ajax实现的仿百度一下即时搜索效果详解
2019/07/15 PHP
日历查询的算法 如何计算某一天是星期几
2012/12/12 Javascript
Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
2013/04/11 Javascript
JQuery中操作Css样式的方法
2014/02/12 Javascript
页面按钮禁用与解除禁用的方法
2014/02/19 Javascript
node.js中的fs.readdirSync方法使用说明
2014/12/17 Javascript
浅谈javascript中的constructor
2016/06/08 Javascript
JS封装的自动创建表格的实现代码
2016/06/15 Javascript
jquery删除table当前行的实例代码
2016/10/07 Javascript
vue组件的写法汇总
2018/04/12 Javascript
Vue项目服务器部署之子目录部署方法
2019/05/12 Javascript
小程序:授权、登录、session_key、unionId的详解
2019/05/15 Javascript
简单了解Ajax表单序列化的实现方法
2019/06/14 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
2019/08/08 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
2019/12/09 Javascript
d3.js实现图形拖拽
2019/12/19 Javascript
[49:08]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
Python max内置函数详细介绍
2016/11/17 Python
python机器学习实战之树回归详解
2017/12/20 Python
pygame库实现俄罗斯方块小游戏
2019/10/29 Python
python的time模块和datetime模块实例解析
2019/11/29 Python
Pytorch 使用CNN图像分类的实现
2020/06/16 Python
Python+Opencv身份证号码区域提取及识别实现
2020/08/25 Python
纯CSS3制作页面切换效果的实例代码
2019/05/30 HTML / CSS
浅谈HTML5 &amp; CSS3的新交互特性
2016/07/19 HTML / CSS
教师应聘自荐信范文
2014/03/14 职场文书
总经理岗位职责说明书
2014/07/30 职场文书
2014年社区工作总结
2014/11/18 职场文书
浅谈移动端中的视口(viewport)的具体使用
2021/04/13 HTML / CSS
在pycharm中无法import所安装的库解决方案
2021/05/31 Python
漫画《催眠麦克风-Dawn Of Divisions》第二卷PV公开
2022/04/05 日漫
Python多线程实用方法以及共享变量资源竞争问题
2022/04/12 Python
springboot读取nacos配置文件
2022/05/20 Java/Android