Home > Web Front-end > HTML Tutorial > 如何写出带有滚动条的弹出框?html_html/css_WEB-ITnose

如何写出带有滚动条的弹出框?html_html/css_WEB-ITnose

WBOY
Release: 2016-06-21 09:03:24
Original
1565 people have browsed it


点击登录后,这个div就show出来让用户选择公司,有个滚动条可以下拉查看更多公司。
这个应该怎么写出来????


回复讨论(解决方案)

对滚动条对应的div设置高度,设置over-flow:auto;

对滚动条对应的div设置高度,设置over-flow:auto;


那如何设置滚动条的样式呢?

http://www.lyblog.net/detail/314.html

样式可以用插件。。


    



外层div设置高度,且overflow-y:auto
内层div高度大于外层div

<html><head><meta charset="utf-8" /><title></title><style>ul{	height: 80px;	width: 120px;	list-style-type: none;	overflow:auto;}</style></head><body>	<ul>		<li>公司1</li>		<li>公司2</li>		<li>公司3</li>		<li>公司4</li>		<li>公司5</li>		<li>公司6</li>	</ul></body></html>
Copy after login

只要内容高度大于内容父元素的高度,父元素设置:overflow-y:auto就可以

滚动条的样式在webkit内核中的浏览器支持比较好,比如chrome,可以自定义好多样式,但在火狐,ie下支持不咋地,记得jquery可以支持。

样式要兼容的话,可以自己模拟滚动条。

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template