要改变滚动条位置

我有以下的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>

上面的代码创建div和默认的滚动条总是出现在顶部有一个垂直滚动条。如果我想更改滚动条位置即。根据我给予的身高在中间或任何地方说（这样可见的锂组分也会改变），我该怎么去做呢？

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

来源

2012-10-18 clint

<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>

来源

2012-10-18 05:29:13

它会帮助你。 –

我不能没有这个没有jQuery？ Aanyways感谢您的帮助 – clint