HTML中如何在div中实现滚动条？

html-css017

HTML中如何在div中实现滚动条？,第1张

overflow:scroll /*任何时候都强制显示滚动条*/

overflow:auto /*需要的时候会出现滚动条*/

overflow-x:auto /*控制X方向的滚动条*/

overflow-y:auto /*控制Y方向的滚动条*/

受overflow影响的必需是块元素，并且指定宽度和高度，否则内部元素将自动将父级容器撑开。

这是右边的浮动导航，像新浪微博这个这样的

body{_background-image:none     /*հҳΪ*/_background-attachment:fixed }//这个是针对ie6的

.navi{left:51% margin-left:474pxtop:120pxposition:fixed_position: absolute_top: expression(documentElement.scrollTop + 120 + "px") z-index:99}

.navi a{background-image: url(背景地址) background-repeat:no-repeatdisplay: block  width:119px}

.navi a1{background-position: 0px 0px  height:30px}

.navi a2{background-position: 0px -30px  height:30px}

<div class="navi" id="navi">

<a href="" class="a1" ></a>

<a href="" class="a2"></a>

<script type='text/javascript'>

(function(){

var nav= document.getElementById('navi')

var fnav= function(){

 var top= document.documentElement.scrollTop||document.body.scrollTop

 if(top>500){

  nav.style.display = 'block'

  nav.style.marginTop="0px"

 }else{

 nav.style.marginTop="500"-top+"px"

}

}

window.onload =window.onscroll = fnav

})()

</script>

</div>