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 相关文章推荐
来自qq的javascript面试题
Jul 24 Javascript
jquery1.5.1中根据元素ID获取元素对象的代码
Apr 02 Javascript
jquery异步请求实例代码
Jun 21 Javascript
div模拟滚动条效果示例代码
Oct 16 Javascript
jquery中插件实现自动添加用户的具体代码
Nov 15 Javascript
JS交换变量的方法
Jan 21 Javascript
详谈JavaScript的闭包及应用
Jan 17 Javascript
Vue2路由动画效果的实现代码
Jul 10 Javascript
实例详解vue中的$root和$parent
Apr 29 Javascript
JS获取动态添加元素的方法详解
Jul 31 Javascript
Vuex的实战使用详解
Oct 31 Javascript
原生JavaScript实现滑动拖动验证的示例代码
Dec 06 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
浅析SVN常见问题及解决方法
2013/06/21 PHP
在SAE上搭建最新wordpress的方法
2014/12/21 PHP
PHP实现批量上传单个文件
2015/12/29 PHP
PHP Ajax JavaScript Json获取天气信息实现代码
2016/08/17 PHP
php实现登陆模块功能示例
2016/10/20 PHP
Laravel实现autoload方法详解
2017/05/07 PHP
一份老外写的XMLHttpRequest代码多浏览器支持兼容性
2007/01/11 Javascript
JQuery Ajax 跨域访问的解决方案
2010/03/12 Javascript
用jquery生成二级菜单的实例代码
2013/06/24 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
2014/03/05 Javascript
JavaScript获取XML数据附示例截图
2014/03/05 Javascript
JavaScript分页功能的实现方法
2015/04/25 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
2015/04/26 Javascript
10道典型的JavaScript面试题
2017/03/22 Javascript
angular中的cookie读写方法
2017/08/02 Javascript
jQuery实现锚点向下平滑滚动特效示例
2017/08/29 jQuery
vue2.0项目实现路由跳转的方法详解
2018/06/21 Javascript
javascript实现视频弹幕效果(两个版本)
2019/11/28 Javascript
Nuxt 项目性能优化调研分析
2020/11/07 Javascript
sublime text 3配置使用python操作方法
2017/06/11 Python
Python 数据处理库 pandas进阶教程
2018/04/21 Python
对numpy.append()里的axis的用法详解
2018/06/28 Python
Python+threading模块对单个接口进行并发测试
2019/06/25 Python
如何运行带参数的python脚本
2019/11/15 Python
Python利用PyExecJS库执行JS函数的案例分析
2019/12/18 Python
Django 实现 Websocket 广播、点对点发送消息的代码
2020/06/03 Python
谈一谈HTML5本地存储技术
2016/03/02 HTML / CSS
澳大利亚最大的护发和护肤品购物网站:RY
2019/12/26 全球购物
技术总监岗位职责
2013/12/05 职场文书
《囚绿记》教学反思
2014/03/01 职场文书
计算机科学系职业生涯规划书
2014/03/08 职场文书
项目建议书怎么写
2014/05/15 职场文书
个人对照检查材料思想汇报(四风问题)
2014/09/25 职场文书
四风问题对照检查材料整改措施
2014/09/27 职场文书
毕业设计工作总结
2015/08/14 职场文书
详解Redis实现限流的三种方式
2021/04/27 Redis