如何写出带有滚动条的弹出框？html_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-21 09:03:241549검색
点击登录后，这个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可以支持。
样式要兼容的话，可以自己模拟滚动条。
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.