Question

我需要在网页上放置一个小窗口小部件，以便在最大化窗口中加载页面时，该元素看起来是内联的。

当垂直滚动条向下移动时，元素向上滚动，直到它到达浏览器控件的顶部可见行。此后如果向下滚动，这些元素会粘在浏览器的顶部边框上。

换句话说，如果有足够的屏幕区域并且它在当前窗口中可见，则它显示为内联，并且由于滚动，其内联位置离开可见窗口的时刻，此元素会粘到边框上点击并停留在那里直到滚动将其内嵌位置带回可见窗口。

我需要纯粹通过CSS实现这一点 - 没有javascript。知道如何做到这一点？

提前感谢您查看此帖子。

Answer 1

您可以使用位置制作视图：固定，以便它保留在可见区域。

.selector {
   position: fixed;
   /* rest required styling */
}