2011-11-24 82 views

回答

4

这样的事情应该工作。

HTML:

<div class="scrollbox"> 
    <input type="checkbox" /> 
    ... 
</div> 

CSS:

.scrollbox { 
    height:200px; 
    overflow-x:scroll; 
} 
2
<div style="overflow:scroll; height: 400px"> 
    <!-- put your content here --> 
</div> 

没有测试过它,它应该在这些线路周围。做了之前我的UI框架,有一个复选框列表和radiolist UI控制,并使用该技术...

0
<html> 
<head> 
<title>Scrolling Checkboxes</title> 
<script type="text/javascript"> 

</script> 
</head> 
<body> 
<div id="ScrollCB" style="height:150;width:200px;overflow:auto"> 
<input type="checkbox" id="scb1" name="scb1" value="1">As Seen On Tv<br> 
<input type="checkbox" id="scb2" name="scb2" value="2">Back To Basics<<br> 
<input type="checkbox" id="scb3" name="scb3" value="3">Bed Bath &amp; Beyond<br> 
    <input type="checkbox" id="scb4" name="scb4" value="4">Black and Decker<br> 
<input type="checkbox" id="scb5" name="scb5" value="5">Borch<br> 
<input type="checkbox" id="scb6" name="scb6" value="6">Culsinart<br> 
<input type="checkbox" id="scb7" name="scb7" value="7">Dualit Lite<br> 
<input type="checkbox" id="scb8" name="scb8" value="8">"Easton<br> 
<input type="checkbox" id="scb9" name="scb9" value="9">Euro Cuisine<br> 
<input type="checkbox" id="scb10" name="scb10" value="10">Euro-Pro<br> 
<input type="checkbox" id="scb11" name="scb11" value="11">Farberware<br> 
<input type="checkbox" id="scb12" name="scb12" value="12">Gator<br> 
<input type="checkbox" id="scb13" name="scb13" value="13">Hamilton Beach<br> 
<input type="checkbox" id="scb14" name="scb14" value="14">Hansgrohe<br> 
<input type="checkbox" id="scb15" name="scb15" value="15">International Playthings<br> 
    <input type="checkbox" id="scb16" name="scb16" value="16">Kitchen Aid<br> 
</div> 
</body> 
</html>