DW网页设计中如何给整个网页设置滚动条?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DW网页设计中如何给整个网页设置滚动条?相关的知识,希望对你有一定的参考价值。
DW网页设计中如何给整个网页设置滚动条?不是代码而是在某个地方设置
css属性 overflow-y:auto; DIV里面的内容超过DIV的高度,右边就会自动出现滚动条1、用一个div,定制成图中的宽度和高度
2、然后再把div的样式设成overflow-y:scroll,当div里的文字超出那个高度的时候,滚动条就出来了。
例如:<div style="width:100px; height:100px; overflow:auto; border:1px solid #000000;"><img src="" style="width:300px; height:300px;"></div> 参考技术A 如果是用框架来做,可以打开下面的那个属性面板,那里有一个“SCROLL”(即翻滚的意思)选项,若选择YES:显示滚动条;NO:不显示滚动条;Auto:当没有足够的空间来显示当前框架的内容时自动显示滚动条;Default:采用浏览器的默认值(大多数浏览器默认为Auto)
一般情况下,在“SCROLL”的下拉列表中选择“Default"或"Auto",这样浏览器会自动根据窗口的大小来判断是否需要出现滚动条。追问
我指的是怎么将右边的滚动条设置成整个网页都有呢?
如何让DIV固定在页面而不随着滚动条随意滚动
你可以对div设置css属性,相对于页面定位:position:fixed;
position属性再搭配top、bottom、right、left确定div位于页面的具体位置,比如:
top:10px; right:20px;
另外,因为div是相对与页面定位,在滚动条滚动时,其他的html元素可能因为在它之上而将它遮挡上(如果你的这个div先写的,后又写很多div什么的,就可能将它压载下面看不到了),如果希望这个div一直保持可见(也就是在最上层),可以再设置属性z-index:
z-index:999; //数值大就在上面
希望对你有帮助。 参考技术A 用定位:
position: fixed;
top:50px;//调整位置
left:50px://调整位置
当然也可以是bottom或者right,一个横向一个纵向。
以上是关于DW网页设计中如何给整个网页设置滚动条?的主要内容,如果未能解决你的问题,请参考以下文章