让DIV显示滚动条

       今天在公司接到一项任务,主要是做一个导航菜单,菜单分横纵结构,横向主要显示网站中所分大类,纵向主要显示大类中的小类,而纵向菜单是用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 >  

高兴!!!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值