Question

我有一个弹出窗口，其中包含以下源代码（“likes.php”）：

<!DOCTYPE html>
<html>
<head>
    <title>Like</title>
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
</head>
<body>
<ol>
    <?php for($i=0;$i<500;$i++){ ?>
    <li><p><?php echo $i ?></p></li>
    <?php } ?>
</ol>
</body>
</html>

现在问题是虽然创建了所有段落，但我看不到它们，因为没有滚动条。如何将滚动条附加到我的页面？

Link to printscreen

它正在使用chrome，但不在firefox IF 它出现在弹出窗口中（其他文件调用window.open（“likes.php”）。在常规窗口的两个浏览器中都可以使用。

Answer 1

使用css overflow属性。将其添加到您的<head>代码：

<style type="text/css">
  body, html {
    margin: 0;
    padding: 0;
    height: 100%;
  } 
  .scroller {
    overflow: scroll;
    padding: 5px;
    height: 100%;
  }
</style>

要专门添加水平或垂直滚动条，请分别使用overflow-x或overflow-y。

您还需要修复<li>元素的close标记，并将其包装在适当的容器中，如下所示

<div class="scroller">
  <ul>
    <?php for($i=0;$i<500;$i++)
              echo "<li>".$i."</li>";
    ?>
  </ul>
</div>

Answer 2

要控制溢出，通常需要使用CSS溢出属性

overflow: scroll

如p.s.w.g.，所述，但你永远不需要像他建议的那样将其应用于整个身体。如果您的代码格式正确，浏览器应该在它自己的整页上添加一个滚动条。

当前问题可能是由于您未关闭第二个<li>标记以及PHP格式不正确造成的。你不需要在每一行的末尾休息一下。线条未断开的原因是您没有将<li>元素括在<ol>或<ul>中。此外，将if语句的开头，填充符和结尾放在单独的php标记中只会使计算机混淆。而是使用：

  <?php 
    echo "<ul>";
    for( $i=0; $i<500; $i++) { 
      echo "<li>" .  $i . "</li>";
    } 
    echo "</ul>";
  ?>

将滚动条添加到html

2 个答案: