javascript - 如何使用 CSS 或 JavaScript 使内部元素在固定的外部元素中滚动？

Question

换句话说，是否有某种方法可以将内部(子)元素与其外部(父)元素“分离”？这样，当您滚动时，外部(父)元素保持不变，但内部(子)元素滚动。

也许这是逆向思维，如果是请告诉我，我会尝试从不同的 Angular 解决这个问题。

编辑

抱歉，我应该更具体一些。我在使用 Foundation 的 Canvas 外侧导航面板时遇到的问题是它没有保持固定。鉴于它必然必须封装 ng-scope，我想我可以告诉它在 ng-scope 滚动时保持固定。问题是，当我这样做时，一切都保持不变，即使我将 ng-scope 的溢出调整为 auto 或 scroll

Answer 1

这是我能想到的最简单的例子:

.outer {
  width: 500px;
  height: 300px;
  margin: 0 auto;
  overflow: scroll;
}

这里的例子:

http://codepen.io/anon/pen/JYedRo