编程 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 相关文章推荐

关于Javascript 的 prototype问题。

Jan 03 Javascript

小议Javascript中的this指针

Mar 18 Javascript

JQuery里面的几种选择器查找满足条件的元素$("#控件ID")

Aug 23 Javascript

html5 canvas js(数字时钟)实例代码

Dec 23 Javascript

利用javascript实现全部删或清空所选的操作

May 27 Javascript

javascript中的this详解

Dec 08 Javascript

jQuery实现的经典竖向伸缩菜单效果代码

Sep 24 Javascript

JavaScript实现图片切换效果

Aug 12 Javascript

深入理解requireJS-实现一个简单的模块加载器

Jan 15 Javascript

Vue组件实现触底判断

Jun 26 Javascript

Node爬取大批量文件的方法示例

Jun 28 Javascript

基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能

Jan 05 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

新版PHP极大的增强功能和性能

2006/10/09 PHP

php中将数组存到文件里的实现代码

2012/01/19 PHP

PHP在线调试执行的实现方法(附demo源码)

2016/04/28 PHP

提高Laravel应用性能方法详解

2019/06/24 PHP

PHP 自动加载类原理与用法实例分析

2020/04/14 PHP

各种常用浏览器getBoundingClientRect的解析

2009/05/21 Javascript

javascript中常用编程知识

2013/04/08 Javascript

解析Jquery的LigerUI如何实现文件上传

2013/07/09 Javascript

jqplot通过ajax动态画折线图的方法及思路

2013/12/08 Javascript

jQuery实现自定义事件的方法

2015/04/17 Javascript

javascript 数组的正态分布排序的问题

2016/07/31 Javascript

jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍

2016/09/01 Javascript

JS判断浏览器是否安装flash插件的简单方法

2016/09/13 Javascript

微信小程序开发之顶部导航栏实例代码

2017/02/23 Javascript

ExtJs异步无法向外传值和赋值的完美解决办法

2017/06/14 Javascript

laravel5.3 vue 实现收藏夹功能实例详解

2018/01/21 Javascript

Vue header组件开发详解

2018/01/26 Javascript

微信小程序 JS动态修改样式的实现方法

2018/12/16 Javascript

jQuery实现动态添加和删除input框实例代码

2019/03/26 jQuery

javascript实现倒计时关闭广告

2021/02/09 Javascript

python使用os模块的os.walk遍历文件夹示例

2014/01/27 Python

编写Python脚本批量下载DesktopNexus壁纸的教程

2015/05/06 Python

python中字符串比较使用is、==和cmp()总结

2018/03/18 Python

python绘图模块matplotlib示例详解

2019/07/26 Python

Python装饰器使用你可能不知道的几种姿势

2019/10/25 Python

利用css3画个同心圆示例代码

2017/07/03 HTML / CSS

HTML5声音录制/播放功能的实现代码

2018/05/03 HTML / CSS

韩国知名的家庭购物网站：CJmall

2016/08/01 全球购物

澳大利亚网上书店：QBD

2021/01/09 全球购物

学生实习介绍信

2014/01/15 职场文书

孕妇离婚协议书范本

2014/11/20 职场文书

2014流动人口计划生育工作总结

2014/12/20 职场文书

廉洁自律证明

2015/06/24 职场文书

高中团支书竞选稿

2015/11/21 职场文书

浅谈mysql哪些情况会导致索引失效

2021/11/20 MySQL

vue el-table实现递归嵌套的示例代码

2022/08/14 Vue.js