給DIV添加滾動條

<b>直接為div指定overflow屬性為auto即可，但是必須指定div的高度，如下：</b>

<b>&lt;div style="position:absolute; height:400px; overflow:auto"&gt;</b>

<b>&lt;/div&gt;</b>

<b>如果要出現水準滾動條，則： overflow-x:auto</b>

<b>同理，垂直滾動條為： overflow-y:auto</b>

<b>如果該div被包含在其他對象例如td中，則位置可設為相對：position:relative</b>

<b> 例如：</b>

<b></b>

<b>&lt;HTML&gt; </b>

&lt;HEAD&gt; 

&lt;TITLE&gt;測試表格内的滾動條&lt;/TITLE&gt; 

&lt;/HEAD&gt; 

&lt;BODY&gt; 

&lt;table&gt;

  &lt;tr&gt;

    &lt;td&gt;表格内的滾動條:&lt;/td&gt;

    &lt;td&gt;

      &lt;div id="wins" 

        style="position:absolute;height:200;width:200;overflow:auto;background:#EEEEEE;"&gt; 

        &lt;p&gt;pppppppppppppppppppppppppppppppppppppppppppppppppp &lt;/p&gt; 

        &lt;p&gt;ppppppppppppppppppppppppp &lt;/p&gt; 

      &lt;/div&gt;

    &lt;/td&gt;

  &lt;/tr&gt;

    &lt;td colspan="2" align="right"&gt;

      &lt;span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)' 

                 onmouseout=clearInterval(scrollb)&gt;向左&lt;/span&gt; 

            &lt;span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)' 

                        onmouseout=clearInterval(scrollb)&gt;向上&lt;/span&gt;

      &lt;span onmouseover='scrollb=setInterval("wins.scrollLeft+=10",100)' 

                 onmouseout=clearInterval(scrollb)&gt;向右&lt;/span&gt;

      &lt;span onmouseover='scrollb=setInterval("wins.scrollTop+=10",100)' 

                 onmouseout=clearInterval(scrollb)&gt;向下&lt;/span&gt;

&lt;/table&gt;

&lt;/BODY&gt; 

&lt;/HTML&gt;

<b>     本文轉自NightWolves 51CTO部落格，原文連結：</b>

<b>http://blog.51cto.com/yangfei520/381508</b>

<b><b></b></b>

<b><b>，如需轉載請自行聯系原作者</b></b>