Question

我想做div＆＃34; Scroll＆＃34;留在一个地方，即使在滚动期间。这是我的代码：

＆＃13;

.Scroll {
  position: fixed;
}
.Down {
  clear: both;
}

＆＃13;

<div class="container-fluid">
  <div class="Scroll">
    <div class="Down">
      <div class="form-group">
        <input type="text" class="form-control input-lg" placeholder="Search">
      </div>
      <div class="form-group" style="display:inline-block;width:300px;">
        <h4><small>Select Date From <span class="glyphicon glyphicon-calendar"></span></small></h4>
        <input type="date" class="form-control" style="width:250px;" class="form-control" />
        <h4><small>Select Date To <span class="glyphicon glyphicon-calendar"></span></small> </h4>
        <input type="date" class="form-control" style="width:250px;" class="form-control" />
      </div>
    </div>
  </div>
</div>
<div class="Down">
  <table>
    <thead>
      <tr>
        <th>NAME</th>
        <th>DATE</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="name in names">
        <td>{{name.name}}</td>
        <td>{{name.date}}</td>
      </tr>
    </tbody>
  </table>
</div>

＆＃13;

它不起作用。提前感谢您的回答！

Answer 1

只需添加position:absolute代替position:fixed，如下所示：

.Scroll {
  /*position: fixed;*/
    position: absolute;
}

Answer 2

您需要有足够的内容进行滚动，否则您将无法滚动。以下css是我使用的：

.Scroll {
display:block;
  position: fixed;
  top:100;
  left:100;
  background:#fff;
}
.Down {
  clear: both;
}

见我的jsfiddle：

https://jsfiddle.net/e63eyswp/1/

Div在滚动期间停留。 CSS

2 个答案: