第一种:伪对象选择器
在webkit内核的浏览器里可以定义滚动条样式。在CSS初始处定义
第二种:变相隐藏
大体思路是在div外面再套一个div。这个div设置overflow:hidden。
而内容div设置 overflow-x: hiddenoverflow-y: scroll然后再设置外层div的width小于内容div的width,就是用一个无滚动条的div包裹另一个有滚动条的div,从而实现隐藏滚动条的效果。
<html><head>
<title>层自动滚动到最低端</title>
<style type="text/css">
.test{
width:300px
height:80px
border:#eee solid 1px
overflow-x:hidden
overflow-y:scroll
}
</style>
</head>
<body>
<BODY onload="var t = document.getElementById('test')t.scrollTop = t.scrollHeight">
<div id="test" class="test">
是否滚动到最底端?
是否滚动到最底端?
是否滚动到最底端?
是否滚动到最底端?
是否滚动到最底端?
是否滚动到最底端?
是否滚动到最底端?
是否滚动到最底端?
是否滚动到最底端?
是否滚动到最底端?
</div>
</body>
</html>这个是DIV类型的。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)