Maison > Article > interface Web > 如何写出带有滚动条的弹出框？html_html/css_WEB-ITnose
如何写出带有滚动条的弹出框？html_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-21 09:03:241550parcourir
点击登录后，这个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> 只要内容高度大于内容父元素的高度，父元素设置:overflow-y:auto就可以
滚动条的样式在webkit内核中的浏览器支持比较好，比如chrome，可以自定义好多样式，但在火狐，ie下支持不咋地，记得jquery可以支持。
样式要兼容的话，可以自己模拟滚动条。
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：固定高度和百分比高度能否有限结合，完美布局？_html/css_WEB-ITnoseArticle suivant：100分！关于链接的问题！_html/css_WEB-ITnose