今天在公司接到一項任務，主要是做乙個導航選單，選單分橫縱結構，橫向主要顯示**中所分大類，縱向主要顯示大類中的小類，而縱向選單是用treeview來實現的，當treeview中有很多的項時，可能會使頁面走形，而公司要求是頁面大小要固定的情況下實現這些功能。這種結構在很多情況下都是通過框架來實現的，我想了想，框架畢竟是需要連線框架所包含的內容頁的，這可能會影響到網頁開啟的速度。如是我想能否去除一貫做法，提高我們的網頁載入速度呢?
我想到了用div來實現，我想將treeview控制項放置到div中，當項到達一定的高度時div中會自動出現滾動條，但div中是沒有這個屬性的，怎樣才能實現這一功能呢？如是我想到可以利用css樣式來控制div的樣式，這樣可能會實現。如是我在div中新增了如下樣式。經測試後成功了。
<
div
style
="padding-right: 10px;
overflow-y: auto; padding-left: 10px;
scrollbar-face-color: #ffffff; font-size: 11pt; padding-bottom: 0px;
scrollbar-highlight-color: #ffffff; overflow: auto; width: 200px;
scrollbar-shadow-color: #919192; color: blue;
scrollbar-3dlight-color:#ffffff; line-height: 100%;
scrollbar-arrow-color: #919192; padding-top: 0px;
scrollbar-track-color: #ffffff; font-family: 宋體;
scrollbar-darkshadow-color: #ffffff; letter-spacing: 1pt; height: 500px; text-align: left; background-repeat: no-repeat;"
>
<
asp:imagebutton
id="imgbtncontrol"
runat
="server"
height
="25px"
imageurl
="~/images_20.gif"
onclick
="imgbtncontrol_click"
width
="90%"
/>
<
input
id="button2"
type
="button"
value
="button"
runat
="server"
onserverclick
="button2_serverclick"
/>
<
asp:treeview
id="treeview2"
runat
="server"
font-size
="9pt"
forecolor
="black"
showlines
="true"
>
<
hovernodestyle
font-size
="9pt"
forecolor
="red"
/>
asp:treeview
>
div>
高興！！！
div顯示滾動條
基本是通過css去實現滾動條。1 垂直滾動條 設定是否顯示滾動條主要是在css中設定下列的屬性 overflow visible auto hidden scroll overflow x 橫向滾動條 overflow y 縱向滾動條 引數的意義 visible 不剪下內容也不新增滾動條。假如顯式宣...
div 給div加滾動條 div的滾動條設定
今天做了個例子 div 的滾動條問題 兩種方法 一 記住寬和高一定要設定噢，否則不成的 不過在不超出時，會有下面的滾動條，所以不是最好的選擇二 記住寬和高一定要設定噢，否則不成的 這樣比較好的是，在寬和高不超出時，只是一條線 三 說明 直接為div指定overflow屬性為auto即可，但是必須指定...
DIV滾動條設定新增 CSS滾動條顯示與滾動條隱藏
div滾動條設定 css滾動條顯示與滾動條隱藏 對div設定滾動條，設定其橫向滾動條和縱向滾動條樣式。所需css樣式為overflow y和overflow x來設定div盒子物件右側和底部滾動條效果。同時也可以使用css樣式設定html框架iframe的滾動條隱藏，接下來為大家介紹。overflo...