1.快速排序法
2.冒泡排序
3.插入排序
4.选择排序
<style>
*{
padding:0;
margin:0;
}
.test{
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 600px;
height: 300px;
padding: 20px;
margin: auto;
overflow-y: auto;
border:2px solid #DDD;
}
</style>
<div class="test" id="test">
<p style="height:400%"></p>
</div>
<script>
var test = document.getElementById("test");
test.addEventListener("scroll", function(){
var str = "可滚动距离:"+ test.scrollHeight +" 滚动位置:"+ test.scrollTop + " 滚动容器高度:"+ test.clientHeight;
var p = document.createElement("p");
p.innerHTML = str;
document.body.appendChild(p);
}, false);
</script>
原文:http://www.cnblogs.com/kelly007/p/4650541.html