<!DOCTYPE HTML><html>??? <head>??????? <meta http-equiv="Content-Type" content="text/html; charset=utf-8">??????? <title>制作我的第一個(gè)網(wǎng)頁</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個(gè)</li>???????????? <li>第2個(gè)</li>????????????? <li>第3個(gè)</li>?????????????? <li>第4個(gè)</li>??????????????? <li>第5個(gè)</li>???????????????? <li>第6個(gè)</li>????????????????? <li>第7個(gè)</li>?????????????????? <li>第8個(gè)</li>??????????????????? <li>第9個(gè)</li>???????????????????? <li>第10個(gè)</li>??????? </ul> </div>??? </body></html>
3 回答
夢魂清風(fēng)
TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超3個(gè)贊
<!DOCTYPE?HTML>
<html>
????<head>
????????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
????????<title>制作我的第一個(gè)網(wǎng)頁</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個(gè)</li>
?????????????????<li>第2個(gè)</li>
??????????????????<li>第3個(gè)</li>
???????????????????<li>第4個(gè)</li>
????????????????????<li>第5個(gè)</li>
?????????????????????<li>第6個(gè)</li>
??????????????????????<li>第7個(gè)</li>
???????????????????????<li>第8個(gè)</li>
????????????????????????<li>第9個(gè)</li>
?????????????????<li>第10個(gè)</li>
????????????</ul>
????????</div>
????????<button?class="btn">?點(diǎn)擊滾動(dòng)?</button>?
????</body>
</html>沒有向上滾動(dòng)的原因:
1、scrollTop() 方法是屬于jquery框架的 ，你沒有 導(dǎo)包。
2、ul #p 沒有 滾動(dòng)條 ，方法不會(huì)生效。
3、scrollTop(10) 參數(shù)寫在括號(hào)里面，用于定位滾動(dòng)條位置的。
（純手打，求采納 夢魂清風(fēng) @author：dream breeze）；
已經(jīng)上代碼（已測試，溫馨提示請(qǐng)導(dǎo)包）。
-
油潑褲帶面scrolltop在沒有設(shè)置JQ的情況下應(yīng)該也可以使用吧 ，我是再看html/css中的那個(gè)實(shí)踐案例寫的這個(gè)，還沒有牽扯到JQ，在不實(shí)用JQ的情況下，這段代碼如何實(shí)現(xiàn)向上滾動(dòng) -
夢魂清風(fēng)在純js的情況下： document.body.scrollTop = 0 在有滾動(dòng)條的情況可以看到效果，但是同樣要有一個(gè)按鈕才能觸發(fā)。
-
夢魂清風(fēng)這個(gè) 還需要寫一個(gè)demo嗎？而且回答了怎么獲得積分啊 我才到這個(gè)網(wǎng)站沒多久，比較好奇
點(diǎn)擊展開后面3條
大寫的王
TA貢獻(xiàn)122條經(jīng)驗(yàn) 獲得超162個(gè)贊
js部分放到下面去執(zhí)行，放上面你可以F12看下對(duì)象是報(bào)錯(cuò)的null，沒有獲取到
<!DOCTYPE?HTML>
<html>
????<head>
????????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
????????<title>制作我的第一個(gè)網(wǎng)頁</title>
????????<style>
????????*{margin:0px;padding:0px;}
????????????#o{border:1px?solid;}
????????</style>
????????
????</head>
????<body>
????????
????????<div?id="o">
??????????<ul?id="p">
????????????????<li>第1個(gè)</li>
?????????????????<li>第2個(gè)</li>
??????????????????<li>第3個(gè)</li>
???????????????????<li>第4個(gè)</li>
????????????????????<li>第5個(gè)</li>
?????????????????????<li>第6個(gè)</li>
??????????????????????<li>第7個(gè)</li>
???????????????????????<li>第8個(gè)</li>
????????????????????????<li>第9個(gè)</li>
?????????????????????????<li>第10個(gè)</li>
????????????</ul>?
????????</div>
????????<script>
????????????var?e=document.getElementById("p")
????????????e.scrollTop=90;
????????</script>
????</body>
</html>-
油潑褲帶面正確的改法是什么？將JS里面的內(nèi)容移動(dòng)到head里面仍然無法獲取
添加回答
舉報(bào)
0/150
提交
取消