求助：关于<div>……</div>层的滚动条显示。

<div>……</div>中放一棵树，如何根据树的高度和宽度来分别控制滚动条呢？即：当树的高度超过层的高度时，显示滚动条，并可用；当高度小于层的高度时，不显示滚动条。当树的宽度超过层的宽度时，显示滚动条，并可用；当宽度小于层的宽度时，不显示滚动条。欢迎帮忙提供源码！！！

解决方案 »

  1.   

    div 这么设置<div sytle="overflow: auto; height: 100px; width: 100px; "></div>
      

  2.   

    你可设定它始终出现滚动条,如下:
    <div sytle="overflow: scroll; height: 100px; width: 100px; "></div>
      

  3.   

    //*********form body scroll的定位*************
    <SCRIPT type="text/javascript"><!--
    function onscroll()
    {
    document.all["pos"].value = document.body.scrollTop;   
    }
      
    function OnlineformOnload()
    {   
    OnloadForScroll();
    }
    function OnloadForScroll()
    {
    var spos = document.all["pos"].value;
    window.scrollTo( 0, spos );
    }
    --></SCRIPT>
    <body onscroll="onscroll();" onload="OnlineformOnload();">
    <asp:TextBox id="pos" style="DISPLAY: none" runat="server"></asp:TextBox>
    //*********div scroll的定位*************
    <SCRIPT type="text/javascript"><!--
    function scrollDiv()
    {
    document.all.pos.value = document.all.onlinediv.scrollTop;
    }
    function OnlineformOnload()
    {
    OnloadForScroll();
    }
    function OnloadForScroll()
    {
    var spos = document.all["pos"].value;
    if(! spos)spos=0;
    document.all.onlinediv.scrollTop=spos;
    }
    --></SCRIPT>
    <body scroll="no" onload="OnlineformOnload();">
    <div id="onlinediv" style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 560px" onscroll="scrollDiv();">
    <asp:TextBox id="pos" style="DISPLAY: none"  runat="server"></asp:TextBox>