如何让窗口的滚动条显示在任意的位置？

Question

多谢各位了，不过觉得windows帮忙上那个按钮是如何做的呢？也就是说左边那个选项卡上那个按钮。
多谢各位了

Answer 1

http://www.csdn.net/Develop/read_article.asp?id=15124

Answer 2

1)
手工画
<div id=div1></div>
<script language="JavaScript">
<!--
    this.id="theScrollBar";
    this.m_nTop = 100;
    this.m_nLeft = 100;
    this.m_nOffset=16;
    this.m_nSpacerHeight=60;
    this.m_nVHeight = 10;
    this.m_strImgUp = "scrollbar_up.gif";
    this.m_strImgDown = "scrollbar_down.gif";
    myColor = new Object();
    myColor.THREEDFACE = "threedface";
 
    // draw vertical scrollbar
    var strHTML="<div id='"+this.id+"_cntr' style='position:absolute;left:"+this.m_nLeft+";top:"+this.m_nTop+"'>";
    strHTML += "<table cellpadding=0 cellspacing=0 border=0 style='background-color:" + myColor.THREEDFACE + "' id="+this.id+">";
    strHTML += "<tr><td height="+this.m_nOffset+" width="+this.m_nOffset+"><div id='"+this.id+"_divtop'><img src='"+this.m_strImgUp+"' border=0 id='"+this.id+"_anctop' width="+this.m_nOffset+" height="+this.m_nOffset+"></div></td></tr>";
    strHTML += "<tr><td height="+this.m_nSpacerHeight+" width="+this.m_nOffset+" id='"+this.id+"_spacer' style='background-color:white; filter:alpha(opacity=50)'>&nbsp;</td></tr>";
//strHTML += "<tr><td height="+this.m_nSpacerHeight+" width="+this.m_nOffset+" id='"+this.id+"_spacer' style='background-color:" + myColor.SCROLLBAR + "'>&nbsp;</td></tr>";
    strHTML += "<tr><td height="+this.m_nOffset+" width="+this.m_nOffset+"><div id='"+this.id+"_divbtm'><img src='"+this.m_strImgDown+"' border=0 id='"+this.id+"_ancbtm' width="+this.m_nOffset+" height="+this.m_nOffset+"></div></td></tr>";
    //strHTML += "<tr><td width="+this.m_nOffset+" height="+this.m_nOffset+"></td></tr>";
    strHTML += "</table></div>";
    // adding the DIV to hold the scrollbar images
    strHTML += "<div id='"+this.id+"_vbardiv' style='position:absolute;overflow:hidden;left:"+this.m_nLeft+";top:"+(this.m_nTop + this.m_nOffset)+";height:"+this.m_nVHeight+";background-color:" + myColor.THREEDFACE + ";width:"+this.m_nOffset+";border-right:thin outset;border-left:thin outset;border-top:thin outset;border-bottom:thin outset'></div>";
    strHTML += "<div id='" + this.id + "_picdiv' style='position:absolute;visibility:hidden'>";
    strHTML += "<img id='"+this.id+"_up2' src='scrollbar_up2.gif' border=0 width="+this.m_nOffset+" height="+this.m_nOffset+">";
    strHTML += "<img id='"+this.id+"_down2' src='scrollbar_down2.gif' border=0 width="+this.m_nOffset+" height="+this.m_nOffset+">";
    strHTML += "</div>"
    div1.innerHTML = strHTML
//-->
</script>
2)
简单overflow
<div id=div2 style="overflow-x:scroll;height:1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>