Div用滚动移动

Question

我正在寻找一个解决方案，让我让Div移动滚动。我想在下面的图片中做到：

所以Box 1和Box 2是Div，它在Div1 / Div2区域内滚动。页脚是一个限制器。如果我们有一个非常高的页脚 - 方框1和方框2保持在Div1 / Div2区域的末尾。

我还想在移动设备上这些项目不会移动但是是静态的。

提前致谢， 最好的祝福， d。

Answer 1

position:sticky会这样做

  

其中一个链接http://www.sitepoint.com/css-position-sticky-introduction-polyfills/

     移动？ https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

＆＃13;

＆＃13;

div {
 display:flex;
}
aside, main, footer, div div {
  border:solid;
  flex:1;
  margin:5px;
}
main {
  min-width:60%;
  min-height:90vh
}
footer {
  height:40vh;
}
aside div {
  position:sticky;
  top:0;
  height:60vh
}
.bgr {
  height:70vh;
  }

＆＃13;

<div>
  <aside>
  <div> sticky</div>
</aside>
<main> main</main>
<aside>
  <div class="bgr"> sticky</div>
</aside>
</div>
<footer>
  footer
</footer>

＆＃13;

＆＃13;

＆＃13;