js将滚动条滚动到指定位置的简单实现方法
2016-06-25 10:03
936 查看
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将滚动条滚动到指定位置的简单实现方法全部内容了,希望大家多多支持脚本之家~
您可能感兴趣的文章:
相关文章推荐
- 关于H1的位置解析
- jQuery插件实现文字无缝向上滚动效果代码
- 基于jquery实现一个滚动的分步注册向导-附源码
- 超级经典一套鼠标控制左右滚动图片带自动翻滚
- 可左右平滑滚动的产品展示效果
- ScrollView滚动条颜色的设置方法
- 一个用jquery写的判断div滚动条到底部的方法【推荐】
- WinForm实现仿视频播放器左下角滚动新闻效果的方法
- 学习小实例--滚动条的简单实现
- ASP.net中保持页面中滚动条状态的代码
- js实现图片无缝滚动
- JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
- Javascript实现图片不间断滚动的代码
- C#查找对象在ArrayList中出现位置的方法
- js不间断滚动的简单实现
- 探讨JavaScript标签位置的存放与功能有无关系
- 窗体滚动条出现在左侧的实例代码
- JavaScript获取元素尺寸和大小操作总结
- JS平滑无缝滚动效果的实现代码
- js实现仿微博滚动显示信息的效果