js小记---根据后台数据的多少控制滚动条显示或隐藏（scroll or hidden）

最近在弄平板，BOSS对页面美化要求极高。

具体任务是： 进入搜索页面，先加载一个表格A（作为表头），当用户点击收

缩的时候，异步加载后台数据到前台页面（表格B），表格B在表格A之下。要求是，当

查询出来的数据条数大于12的时候，显示滚动条；当小于12的时候，不显示滚动条。

按照逻辑上来说，并不是困难的。有的常识都会想到用Js控制 表格B的样式，一般

会是（如下代码：）

<script type="text/javascript"> var total = ${fn:length(list)}; if(total < 12){ //不显示滚动条 document.getElementById('special').style.width= "20%"; //把表格B的宽度 加宽（因为隐藏了滚动条，表格B要对齐表格A） }else{ document.getElementById('userDiv').style.overflow-Y= "scroll"; } </script>

呵呵，这样搞，弄半天都不出现效果。蛋疼啊！ 上网查一下，结果是 js下不支

持"overflow-Y “这样的写法，改写 "overflowY" ，搞定！

虽然不具有多少技术含量，但细节决定成败。值得一记！