Question

如何在滚动窗口周围放置一长串复选框选项，以便它不占用我的php网页中的大量页面？

感谢。

Answer 1

这样的事情应该有效。

HTML：

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

CSS：

.scrollbox {
  height:200px;
  overflow-x:scroll;
}

Answer 2

<div style="overflow:scroll; height: 400px">
    <!-- put your content here -->
</div>

没有测试过，它应该是那些线路。做过我之前的UI框架，有一个复选框列表和radiolist UI控件并使用了这种技术......

Answer 3

<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>

围绕长复选框选项列表滚动框

3 个答案: