编程 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设置FieldSet展开与收缩

May 15 Javascript

关于JAVASCRIPT urldecode URL解码的问题

Jan 08 Javascript

jQuery-onload让第一次页面加载时图片是淡入方式显示

May 23 Javascript

jQuery源码中的chunker 正则过滤符分析

Jul 31 Javascript

JavaScript表达式:URL 协议介绍

Mar 10 Javascript

js确认删除对话框适用于a标签及submit

Jul 10 Javascript

Jquery对象和Dom对象的区别分析

Nov 20 Javascript

基于JavaScript实现快速转换文本语言（繁体中文和简体中文）

Mar 07 Javascript

预防网页挂马的方法总结

Nov 03 Javascript

不使用 JS 匿名函数理由

Nov 17 Javascript

深入理解JavaScript的值传递和引用传递

Oct 24 Javascript

原生JS封装拖动验证滑块的实现代码示例

Jun 01 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