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 相关文章推荐
图片自动更新(说明)
Oct 02 Javascript
Prototype使用指南之hash.js
Jan 10 Javascript
jQuery为iframe的body添加click事件的实现代码
Apr 07 Javascript
jquery获取div距离窗口和父级dv的距离示例
Oct 10 Javascript
JavaScript支持的最大递归调用次数分析
Jun 24 Javascript
Jquery中request和request.form和request.querystring的区别
Nov 26 Javascript
Javascript字符串拼接小技巧(推荐)
Jun 02 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
Jun 16 Javascript
Vue实现数字输入框中分割手机号码的示例
Oct 10 Javascript
使用Vuex解决Vue中的身份验证问题
Sep 28 Javascript
ant design实现圈选功能
Dec 17 Javascript
jQuery实现鼠标滑动切换图片
May 27 jQuery
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 接口类与抽象类的实际作用
2009/11/26 PHP
PHP防止表单重复提交的几种常用方法汇总
2014/08/19 PHP
THINKPHP2.0到3.0有哪些改进之处
2015/01/04 PHP
利用Laravel事件系统如何实现登录日志的记录详解
2017/05/20 PHP
thinkphp5引入公共部分header、footer的方法详解
2018/09/14 PHP
laravel框架实现去掉URL中index.php的方法
2019/10/12 PHP
javaScript 数值型和字符串型之间的转换
2009/07/25 Javascript
基于jquery的复制网页内容到WORD的实现代码
2011/02/16 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
2014/06/10 Javascript
JavaScript内存管理介绍
2015/03/13 Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
2015/07/29 Javascript
基于Vue.js的表格分页组件
2016/05/22 Javascript
WebPack配置vue多页面的技巧
2018/05/15 Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
2018/05/31 jQuery
angular中子控制器向父控制器传值的实例
2018/10/08 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
2019/11/26 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
2020/08/04 Javascript
vue 实现把路由单独分离出来
2020/08/13 Javascript
Python中类的继承代码实例
2014/10/28 Python
使用Python抓取豆瓣影评数据的方法
2018/10/17 Python
对Xpath 获取子标签下所有文本的方法详解
2019/01/02 Python
PyQt5实现简易计算器
2020/05/30 Python
python selenium爬取斗鱼所有直播房间信息过程详解
2019/08/09 Python
pytorch使用指定GPU训练的实例
2019/08/19 Python
python集合能干吗
2020/07/19 Python
解决阿里云邮件发送不能使用25端口问题
2020/08/07 Python
Python Merge函数原理及用法解析
2020/09/16 Python
Python Charles抓包配置实现流程图解
2020/09/29 Python
Python实现异步IO的示例
2020/11/05 Python
突破canvas语法限制 让他支持链式语法
2012/12/24 HTML / CSS
新秀丽拉杆箱美国官方网站:Samsonite美国
2016/07/25 全球购物
英国、欧洲和全球租车服务:Avis英国
2016/08/29 全球购物
中华魂演讲稿
2014/05/13 职场文书
2014年感恩母亲演讲稿
2014/05/27 职场文书
2016年清明节寄语
2015/12/04 职场文书
培训心得体会怎么写
2016/01/25 职场文书