编程 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面向对象、prototype、call()、apply()

May 14 Javascript

通过上下左右键和回车键切换光标实现代码

Mar 08 Javascript

jQuery中$this和$(this)的区别介绍（一看就懂）

Jul 06 Javascript

javascript将DOM节点添加到文档的方法实例分析

Aug 04 Javascript

浅谈EasyUi ComBotree树修改父节点选择的问题

Nov 07 Javascript

jQuery实现倒计时重新发送短信验证码功能示例

Jan 12 Javascript

AngularJs ng-change事件/指令的用法小结

Nov 01 Javascript

JS实现将对象转化为数组的方法分析

Jan 21 Javascript

Koa日志中间件封装开发详解

Mar 09 Javascript

使用weixin-java-miniapp配置进行单个小程序的配置详解

Mar 29 Javascript

详解微信小程序-扫一扫 wx.scanCode() 扫码大变身

Apr 30 Javascript

vue与iframe之间的信息交互的实现

Apr 08 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的array_diff()函数在处理大数组时的效率问题

2011/11/27 PHP

PHP中最容易忘记的一些知识点总结

2013/04/28 PHP

浅析XMLHttpRequest的缓存问题

2013/12/13 Javascript

jQuery获得包含margin的outerWidth和outerHeight的方法

2015/03/25 Javascript

JQuery限制复选框checkbox可选中个数的方法

2015/04/20 Javascript

JQuery中DOM事件冒泡实例分析

2015/06/13 Javascript

CSS图片响应式垂直水平居中

2015/08/14 Javascript

jquery自定义表格样式

2015/11/23 Javascript

select隐藏选中值对应的id,显示其它id的简单实现方法

2016/08/25 Javascript

Angular2 (RC5) 路由与导航详解

2016/09/21 Javascript

javascript中的面向对象

2017/03/30 Javascript

AngularJS实现根据不同条件显示不同控件

2017/04/20 Javascript

ionic4+angular7+cordova上传图片功能的实例代码

2019/06/19 Javascript

简单谈谈javascript高级特性

2019/09/04 Javascript

Vue页面跳转传递参数及接收方式

2020/09/09 Javascript

Python 25行代码实现的RSA算法详解

2018/04/10 Python

Python scrapy爬取小说代码案例详解

2020/07/09 Python

python自动打开浏览器下载zip并提取内容写入excel

2021/01/04 Python

Charles & Colvard官网：美国莫桑石品牌

2019/06/05 全球购物

质检的岗位职责

2013/11/17 职场文书

致全体运动员广播稿

2014/02/01 职场文书

初中同学聚会邀请函

2014/02/03 职场文书

《值日生》教学反思

2014/02/17 职场文书

2014年三八妇女节活动方案

2014/02/28 职场文书

文明工地标语

2014/06/16 职场文书

干部作风整顿个人剖析材料

2014/10/06 职场文书

中班下学期幼儿评语

2014/12/30 职场文书

预备党员群众意见

2015/06/01 职场文书

李强优秀员工观后感

2015/06/16 职场文书

家长会后的感想

2015/08/11 职场文书

2015年行政管理人员工作总结

2015/10/15 职场文书

观看《筑梦中国》纪录片心得体会

2016/01/18 职场文书

Mysql效率优化定位较低sql的两种方式

2021/05/26 MySQL

Windows安装Anaconda3的方法及使用过程详解

2021/06/11 Python

MySQL多表查询机制

2022/03/17 MySQL

德劲DE1107指针试高灵敏度全波段收音机机评

2022/04/05 无线电