是否有可能创建一个粘贴侧栏，
页面，但它保留在它的容器元素内部[只使用HTML / CSS]？

像这样：

http://codepen.io/jamesdarren/full/ivmcH

...但没有JavaScript。

答案是：目前，它取决于您的浏览器。

CSS的实验定位值名为 sticky 。 b 通过设置您的边栏到位置：sticky 它可以在其父容器和视口内保持固定，而不仅仅是视口。

以下是 Google Developers 描述了它：

位置：sticky 是一种定位元素的新方法，在
的概念上类似于 position：fixed 。不同之处在于，带有 position：sticky 的
元素的行为类似于 position：relative
直到在
视口中满足给定的偏移阈值。

以下是 MDN 的要求：

粘滞定位是相对和固定定位的混合体。
元素被视为相对定位，直到它超过指定的
阈值，此时它被视为固定定位。

然而，目前只有 Firefox和Safari支持粘滞定位。

以下是两个演示：位置：sticky （仅限FF和Safari）：

http://html5-demos.appspot.com/static/css/sticky.html