首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 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 相关文章推荐
正则表达式语法
Oct 09 Javascript
表单类各种类型(文本框)失去焦点效果jquery代码
Apr 26 Javascript
JavaScript中window、doucment、body的解释
Aug 14 Javascript
JavaScript中的变量作用域介绍
Dec 31 Javascript
javascript实现在线客服效果
Jul 15 Javascript
详解JavaScript基于面向对象之创建对象（2）
Dec 10 Javascript
Angular.js与Bootstrap相结合实现手风琴菜单代码
Apr 13 Javascript
微信小程序 支付简单实例及注意事项
Jan 06 Javascript
详解在express站点中使用ejs模板引擎
Sep 21 Javascript
手写Node静态资源服务器的实现方法
Mar 20 Javascript
详解Vue源码学习之双向绑定
Apr 10 Javascript
json字符串对象转换代码实例
Sep 28 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
i5 10400(1) win11(40) i7 6700(1) 对讲机(1) React(6) win10(43) R71E(1) R72E(1) GTX1660(1) i5 9400(1)
You might like
PHP Ajax实现页面无刷新发表评论
2007/01/02 PHP
php 文章采集正则代码
2009/12/28 PHP
php file_get_contents函数轻松采集html数据
2010/04/22 PHP
php后门URL的防范
2013/11/12 PHP
php返回当前日期或者指定日期是周几
2015/05/21 PHP
php计算多个集合的笛卡尔积实例详解
2017/02/16 PHP
PHP面向对象五大原则之接口隔离原则(ISP)详解
2018/04/04 PHP
PHP读取Excel内的图片(phpspreadsheet和PHPExcel扩展库)
2019/11/19 PHP
jQuery输入城市查看地图使用介绍
2013/05/08 Javascript
谷歌Chrome浏览器扩展程序开发小记
2016/01/06 Javascript
AngualrJS中的Directive制作一个菜单
2016/01/26 Javascript
全面解析Bootstrap中tab（选项卡）的使用方法
2016/06/06 Javascript
解决URL地址中的中文乱码问题的办法
2017/02/10 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
2017/02/13 Javascript
javascript 判断当前浏览器版本并判断ie版本
2017/02/17 Javascript
Java中int与integer的区别（基本数据类型与引用数据类型）
2017/02/19 Javascript
node.js入门教程之querystring模块的使用方法
2017/02/27 Javascript
JS实现字符串翻转的方法分析
2018/08/31 Javascript
详解Next.js页面渲染的优化方案
2019/01/27 Javascript
微信小程序数据统计和错误统计的实现方法
2019/06/26 Javascript
原生javascript制作的拼图游戏实现方法详解
2020/02/23 Javascript
nodejs+koa2 实现模仿springMVC框架
2020/10/21 NodeJs
Django静态资源URL STATIC_ROOT的配置方法
2014/11/08 Python
Python随手笔记之标准类型内建函数
2015/12/02 Python
Python实现的下载网页源码功能示例
2017/06/13 Python
numpy中的ndarray方法和属性详解
2019/05/27 Python
利用Python发送邮件或发带附件的邮件
2020/11/12 Python
印度尼西亚最大和最全面的网络商城：Blibli.com
2017/10/04 全球购物
IdealFit官方网站：女性蛋白质、补充剂和运动服装
2019/03/24 全球购物
编写类String的构造函数、析构函数和赋值函数
2012/05/29 面试题
党校学习思想汇报
2014/01/06 职场文书
室内设计专业毕业生求职信
2014/05/02 职场文书
2014年调度员工作总结
2014/11/19 职场文书
2015元旦晚会主持人开场白+结束语
2014/12/14 职场文书
大学生个人简历自我评价
2015/03/11 职场文书
2015暑假实习报告范文
2015/07/13 职场文书