<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>制作我的第一个网页</title> <style> *{margin:0px;padding:0px;} #o{border:1px solid;} </style> <script> var e=document.getElementById("p") e.scrollTop=90; </script> </head> <body> <div id="o"> <ul id="p"> <li>第1个</li> <li>第2个</li> <li>第3个</li> <li>第4个</li> <li>第5个</li> <li>第6个</li> <li>第7个</li> <li>第8个</li> <li>第9个</li> <li>第10个</li> </ul> </div> </body></html>
3 回答
梦魂清风
TA贡献2条经验 获得超3个赞
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>制作我的第一个网页</title>
<style>
*{margin:0px;padding:0px;}
#o{border:1px solid; height:100px; overflow-y: scroll; }
</style>
<script src="js/jquery.min.js"></script>
<script>
$(function(){
$(".btn").click(function(){
alert($("#o").scrollTop()+"px");
$("#o").scrollTop(10);
});
});
</script>
</head>
<body>
<div id="o">
<ul id="p">
<li>第1个</li>
<li>第2个</li>
<li>第3个</li>
<li>第4个</li>
<li>第5个</li>
<li>第6个</li>
<li>第7个</li>
<li>第8个</li>
<li>第9个</li>
<li>第10个</li>
</ul>
</div>
<button class="btn"> 点击滚动 </button>
</body>
</html>没有向上滚动的原因:
1、scrollTop() 方法是属于jquery框架的 ，你没有 导包。
2、ul #p 没有 滚动条 ，方法不会生效。
3、scrollTop(10) 参数写在括号里面，用于定位滚动条位置的。
（纯手打，求采纳 梦魂清风 @author：dream breeze）；
已经上代码（已测试，温馨提示请导包）。
点击展开后面3条
大写的王
TA贡献122条经验 获得超162个赞
js部分放到下面去执行，放上面你可以F12看下对象是报错的null，没有获取到
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>制作我的第一个网页</title>
<style>
*{margin:0px;padding:0px;}
#o{border:1px solid;}
</style>
</head>
<body>
<div id="o">
<ul id="p">
<li>第1个</li>
<li>第2个</li>
<li>第3个</li>
<li>第4个</li>
<li>第5个</li>
<li>第6个</li>
<li>第7个</li>
<li>第8个</li>
<li>第9个</li>
<li>第10个</li>
</ul>
</div>
<script>
var e=document.getElementById("p")
e.scrollTop=90;
</script>
</body>
</html>
- 3 回答
- 1 关注
- 1575 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消