日期:2014-05-18  浏览次数:20503 次

这段CSS或JS如何写?
我想做个向下弹出的导航菜单,当鼠标放在一图标上,就弹出导航菜单.导航菜单中的内容是自动生成.
如果内容太长,导航菜单下面的数据就无法看到,所以我想达到以下的效果.
当数据生成的导航表格高度小于300px时,导航菜单无需垂直滚动条,如果高度超过300PX时,导航出现一个滚动条.

也就像MSDN中的..> ...> ...> 菜单的交易一样.
谢谢

------解决方案--------------------
那你应该自己判断内容来确定有多少内容时应该显示滚动条,300PX,差不多应该有 50行左右吧,既然你的内容是动态生成的就可以自己设定在内容数大于 50时有滚动条就可以了。
------解决方案--------------------

<div style= "overflow-y:auto;height:300px ">
........
</div>

overflow-y:auto; 表示高度超出300px自动出现滚动条

------解决方案--------------------
那你只有通过 js 动态控制高度了
------解决方案--------------------
通过div + JS脚本来控制~
------解决方案--------------------
如果数据出现折行那就得自己判断多长的字符会造成换行了,然后再判断吧。可能会繁琐一些,但效果估计会好点。