编程 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,超强推荐base.js

Dec 23 Javascript

用Juery网页选项卡实现代码

Jun 13 Javascript

JQuery扩展插件Validate 3通过参数设置错误信息

Sep 05 Javascript

jQuery简单实现banner图片切换

Jan 02 Javascript

ExtJS4 动态生成的grid导出为excel示例

May 02 Javascript

js重写alert控件(适合学习js的新手朋友)

Aug 24 Javascript

javascript实现确定和取消提示框效果

Jul 10 Javascript

JS使用正则实现去掉字符串左右空格的方法

Dec 27 Javascript

node.js程序作为服务并在windows下开机自启动（用forever）

Mar 29 Javascript

深入了解JavaScript 私有化

May 30 Javascript

bootstrap+spring boot实现面包屑导航功能(前端代码)

Oct 09 Javascript

vue实现图片裁剪后上传

Dec 16 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

在VS2008中编译MYSQL5.1.48的方法

2010/07/03 PHP

PHP filter_var() 函数 Filter 函数

2012/04/25 PHP

yii数据库的查询方法

2015/12/28 PHP

Zend Framework生成验证码并实现验证码验证功能(附demo源码下载)

2016/03/22 PHP

php mysql PDO 查询操作的实例详解

2017/09/23 PHP

Laravel 实现Eloquent模型分组查询并返回每个分组的数量 groupBy()

2019/10/23 PHP

jquery实现带复选框的表格行选中删除时高亮显示

2013/08/01 Javascript

深入理解JavaScript中的传值与传引用

2013/12/09 Javascript

JS删除字符串中重复字符方法

2014/03/09 Javascript

jquery实现动态操作select选中

2015/02/11 Javascript

js图片卷帘门导航菜单特效代码分享

2015/09/10 Javascript

JS实现的左侧竖向滑动菜单效果代码

2015/10/19 Javascript

基于jquery实现省市联动特效

2015/12/17 Javascript

ionic中列表项增加和删除的实现方法

2017/01/22 Javascript

js 函数式编程学习笔记

2017/03/25 Javascript

详解node nvm进行node多版本管理

2017/10/21 Javascript

vue权限路由实现的方法示例总结

2018/07/29 Javascript

Vue-Router的使用方法

2018/09/05 Javascript

如何在JavaScript中使用localStorage详情

2021/02/04 Javascript

[02:39]DOTA2英雄基础教程天怒法师

2013/11/29 DOTA

python list转dict示例分享

2014/01/28 Python

python监控文件或目录变化

2016/06/07 Python

Python 批量合并多个txt文件的实例讲解

2018/05/08 Python

python使用PIL模块获取图片像素点的方法

2019/01/08 Python

Python 正则表达式爬虫使用案例解析

2019/09/23 Python

Python如何生成xml文件

2020/06/04 Python

CSS3中文字镂空、透明值、阴影效果设置示例小结

2016/03/07 HTML / CSS

益模软件Java笔试题

2012/03/27 面试题

中药学专业求职信

2014/05/31 职场文书

党员自我剖析材料

2014/08/31 职场文书

大学生违纪检讨书300字

2014/10/25 职场文书

教师党员学习十八届四中全会思想汇报

2014/11/03 职场文书

2015年节能降耗工作总结

2015/05/22 职场文书

致接力运动员加油稿

2015/07/21 职场文书

SQLServer2008提示评估期已过解决方案

2021/04/12 SQL Server

mysql查询结果实现多列拼接查询

2022/04/03 MySQL