Question

我需要一些简单的解决方案，如何滚动固定位置和固定高度div，页面滚动到它的高度。我读了很多0，但他们无法解决我的问题。

我有一个分为3个字符（左，中，右）的页面。左右div是固定位置，中间div使用ajax显示消息。右侧div有一些高度列表500px，它将滚动直到它到达底部。

但我想在页面滚动时滚动中间和右侧div。

演示代码：

solution

我想同时滚动两个div。现在，只有当光标位于左侧div时才会离开div。

如果需要进一步的信息，请告诉我，我会在这里发布。

Answer 1

我认为这会对你有帮助..

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div> I am using style disple flex bcoz I dont know how to use bootstap here(On this site)</div>
<div class="col-lg-12 col-md-12 col-sm-12 ">
    <div class="col-lg-3 col-md-3 col-sm-3 left" style="max-height: 100px;">some text</div>
    <div class="col-lg-6 col-md-6 col-sm-6 center" id="displayPost" style="max-height: 200px;overflow: auto !important;">post display using ajax<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br></div>
    <div class="col-lg-3 col-md-3 col-sm-3 right" style="max-height: 100px;overflow: auto !important;">//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br>//some text<br></div>
 </div>

＆＃13;

如果没有，请让我知道.. !!

滚动固定位置div（溢出y）作为网页滚动

1 个答案: