脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 滚动条滚动到指定位置

js将滚动条滚动到指定位置的简单实现方法

 更新时间：2016年06月25日 10:03:01   投稿：jingxian  
下面小编就为大家带来一篇js将滚动条滚动到指定位置的简单实现方法。小编觉得挺不错的， 现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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将滚动条滚动到指定位置的简单实现方法全部内容了，希望大家多多支持脚本之家~

您可能感兴趣的文章:

相关文章

  • 代码实例ajax实现点击加载更多数据图片

    代码实例ajax实现点击加载更多数据图片

    在本篇文章里我们给大家分享了关于ajax实现点击加载更多数据图片的相关代码知识点，有兴趣的朋友们参考下。
    2018-10-10
  • JS如何实现form表单登录验证并使用MD5加密详解

    JS如何实现form表单登录验证并使用MD5加密详解

    表单验证为终端用户检测无效的数据并标记这些错误,是一种用户体验的优化,下面这篇文章主要给大家介绍了关于JS如何实现form表单登录验证并使用MD5加密的相关资料,需要的朋友可以参考下
    2023-06-06
  • javascript基于原型链的继承及call和apply函数用法分析

    javascript基于原型链的继承及call和apply函数用法分析

    这篇文章主要介绍了javascript基于原型链的继承及call和apply函数用法,结合实例形式较为详细的分析了javascript中继承的概念、创建方法以及call和apply函数的功能与使用技巧,需要的朋友可以参考下
    2016-12-12
  • Js参数值中含有单引号或双引号问题的解决方法

    Js参数值中含有单引号或双引号问题的解决方法

    本文是对Js参数值中含有单引号或双引号问题的解决方法进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2013-11-11
  • js实现点击图片改变页面背景图的方法

    js实现点击图片改变页面背景图的方法

    这篇文章主要介绍了js实现点击图片改变页面背景图的方法,实例分析了javascript操作css与图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • javascript实现五星评分功能

    javascript实现五星评分功能

    这篇文章主要介绍了javascript实现五星评分功能，大家现在会见到许多五星评级，知道是如何实现的吗？文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2015-11-11
  • 微信小程序复选框实现多选一功能过程解析

    微信小程序复选框实现多选一功能过程解析

    这篇文章主要介绍了微信小程序复选框实现多选一功能过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • js 得到文件后缀(通过正则实现)

    js 得到文件后缀(通过正则实现)

    使用js获取文件的后缀，有个不错的正则，大家可以借用下，具体如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
    2013-07-07
  • javascript循环链表之约瑟夫环的实现方法

    javascript循环链表之约瑟夫环的实现方法

    这是一道比较经典的循环链表问题，在华为上机笔试中也出现过。 约瑟夫环是一个数学的应用问题，下面这篇文章主要就给大家介绍了javascript循环链表之约瑟夫环的实现方法，需要的朋友可以参考借鉴，下面来一起看看吧。
    2017-01-01
  • JavaScript中播放音频文件的几种常用方法

    JavaScript中播放音频文件的几种常用方法

    JS可以用来播放多种声音文件,包括常见的mp3、wav等格式,这篇文章主要给大家介绍了关于JavaScript中播放音频文件的几种常用方法,需要的朋友可以参考下
    2023-10-10

最新评论