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

Question

换句话说，是否有某种方式将内部（子）元素与其外部（父）元素“分离”？这样，当您滚动时，外（父）元素保持put，但内（子）元素滚动。

也许这是倒退思考，如果是，请告诉我，我会尝试从不同的角度解决这个问题。

修改

对不起，我应该更具体一点。我在基金会的帆布侧导航面板上遇到的问题是它没有保持固定状态。鉴于它必须封装 $('div').find(".class1").each(function () { $(this).removeClass("class1").addClass("class2"); }); ，我认为我可以告诉它在ng-scope滚动时保持固定。问题在于，当我这样做时，即使我将ng-scope的溢出调整为ng-scope或auto

，一切都会保持不变

Answer 1

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

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

此处示例：

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