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 相关文章推荐
javascript Array.remove() 数组删除
Aug 06 Javascript
javascript 鼠标拖动图标技术
Feb 07 Javascript
JS记录用户登录次数实现代码
Jan 15 Javascript
js根据日期判断星座的示例代码
Jan 23 Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
Apr 29 Javascript
详解JavaScript ES6中的模板字符串
Jul 28 Javascript
JS+CSS相对定位实现的下拉菜单
Oct 06 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
Nov 26 Javascript
总结JavaScript设计模式编程中的享元模式使用
May 21 Javascript
vue 2.0 购物车小球抛物线的示例代码
Feb 01 Javascript
django中使用vue.js的要点总结
Jul 07 Javascript
微信小程序实现定位及到指定位置导航的示例代码
Aug 20 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
php下将图片以二进制存入mysql数据库中并显示的实现代码
2010/05/27 PHP
Laravel 4 初级教程之视图、命名空间、路由
2014/10/30 PHP
Laravel5权限管理方法详解
2016/07/26 PHP
dwr spring的集成实现代码
2009/03/22 Javascript
一个简单的Ext.XTemplate的实例代码
2012/03/18 Javascript
jquery命令汇总,方便使用jquery的朋友
2012/06/26 Javascript
javascript jscroll模拟html元素滚动条
2012/12/18 Javascript
js控制的回到页面顶端goTop的代码实现
2013/03/20 Javascript
Js可拖拽放大的层拖动特效实现方法
2015/02/25 Javascript
js验证上传图片的方法
2015/05/12 Javascript
Angular中$compile源码分析
2016/01/28 Javascript
Javascript之面向对象--接口
2016/12/02 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
2017/03/31 Javascript
BootStrap 动态表单效果
2017/06/02 Javascript
Angular 4 依赖注入学习教程之FactoryProvider的使用(四)
2017/06/04 Javascript
React入门教程之Hello World以及环境搭建详解
2017/07/11 Javascript
实现两个文本框同时输入的实例
2017/09/25 Javascript
vue router-link传参以及参数的使用实例
2017/11/10 Javascript
使用elementUI实现将图片上传到本地的示例
2018/09/04 Javascript
详解vue-template-admin三级路由无法缓存的解决方案
2020/03/10 Javascript
vue3使用vue-count-to组件的实现
2020/12/25 Vue.js
[33:15]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VP VS Mineski
2018/03/31 DOTA
Python中关于使用模块的基础知识
2015/05/24 Python
python保存字符串到文件的方法
2015/07/01 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
python实现上传文件到linux指定目录的方法
2020/01/03 Python
jupyter notebook插入本地图片的实现
2020/04/13 Python
matplotlib基础绘图命令之bar的使用方法
2020/08/13 Python
python中的split、rsplit、splitlines用法说明
2020/10/23 Python
python re的findall和finditer的区别详解
2020/11/15 Python
纯CSS3实现Material Design效果
2017/03/09 HTML / CSS
外贸业务员岗位职责
2013/11/24 职场文书
环境卫生标语
2014/06/09 职场文书
财务工作疏忽检讨书
2014/09/11 职场文书
优秀团员事迹材料
2014/12/25 职场文书
2015年煤矿工作总结
2015/04/28 职场文书