<!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）；
已經上代碼（已測試，溫馨提示請導包）。
大寫的王
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>-
油潑褲帶面正確的改法是什么？將JS里面的內容移動到head里面仍然無法獲取
- 3 回答
- 1 關注
- 1654 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消