Javascript 更改滚动条位置的步骤_Javascript_Html_Css

Javascript 更改滚动条位置的步骤

javascript html css

Javascript 更改滚动条位置的步骤,javascript,html,css,Javascript,Html,Css,我有以下css和html： <head> <style type="text/css"> ul > li { position:relative; margin:0; list-style:none; padding:0; } ul{ padding:0; margin:0; } </style> </head> <body > <div style="position:absolute;to

我有以下css和html：

<head>
<style type="text/css">
ul > li {
    position:relative;
    margin:0;
    list-style:none;
    padding:0;
}
ul{
padding:0;
margin:0;
}
</style>
</head>
<body >
<div style="position:absolute;top:40%;width:100;height:50%;border:1px solid red;overflow:auto;offsetTop:10px">
<!--<a onclick='calla()' disabled="disabled">Delete</a>-->
<ul>
<?php
for ($i=0;$i<50;$i++){
?>
<li>Test li_<?php echo $i; ?> 
</li>
<?php
}
?>
</ul>
</div>


ul>li{
位置：相对位置；
保证金：0；
列表样式：无；
填充：0；
}
保险商实验室{
填充：0；
保证金：0；
}

测试li_

上面的代码为div创建了一个垂直滚动条，默认情况下滚动条总是位于顶部。如果我想改变滚动条的位置，比如说在中间或根据我给出的高度的任何地方（这样可见的li组件也会改变），我该怎么做呢

html/css和javascript（动态）的解决方案最受欢迎。

使用jquery的scrollTop（）方法

请参阅：


ul>li{
位置：相对位置；
保证金：0；
列表样式：无；
填充：0；
}
保险商实验室{
填充：0；
保证金：0；
}
p{边距：10px；填充：5px；边框：2px实心#666；宽度：1000px；高度：1000px；}

测试李_

$（“div.demo”）.scrollTop（300）；

没有jquery我就不能拥有这个吗？谢谢你的帮助

<html>
<head>
<style type="text/css">
ul > li {
    position:relative;
    margin:0;
    list-style:none;
    padding:0;
}
ul{
padding:0;
margin:0;
}

p { margin:10px;padding:5px;border:2px solid #666;width:1000px;height:1000px; }

</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body >
<div class="demo" style="position:absolute;top:40px;width:100;height:60%;border:1px solid gray;overflow:auto;offsetTop:10px">
<!--<a onclick='calla()' disabled="disabled">Delete</a>-->
<ul>
<?php
for ($i=0;$i<50;$i++){
?>
<li>Test li_<?php echo $i; ?></li>
<?php
}
?>
</ul>
</div>
<script>$("div.demo").scrollTop(300);</script>
</body>
</html>