Div 随滚动移动

【问题标题】：Div's moving with scrollDiv 随滚动移动
【发布时间】：2016-02-27 07:41:36
【问题描述】：

我正在寻找一种解决方案，让我可以让 Div 随滚动移动。我想让它像下面的图片：

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

我还希望在移动设备上这些项目不是移动的而是静态的。

提前致谢，此致， D.

【问题讨论】：

标签： css

【解决方案1】：

position:sticky 会这样做

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

手机？ https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

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

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

【讨论】：