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

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

WBOY
Freigeben: 2016-06-21 09:03:24
Original
1567 Leute haben es durchsucht


点击登录后,这个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>
Nach dem Login kopieren

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

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

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage