简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:2209 次  日期:2016-07-12 15:32:38

温馨提示:易贤网小编为您整理了“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将滚动条滚动到指定位置的简单实现方法全部内容了

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:文本框只能输入数字的实现方法(兼容IE火狐)
下一篇:jQuery图片渐变特效的简单实现
易贤网手机网站地址:js将滚动条滚动到指定位置的简单实现方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!