HTML元素定位-在没有javascript的情况下，如何让元素始终停留在可见区域

我需要一个网页上的小部件，这样当页面加载到一个最大化的窗口中时，元素似乎是内联的

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

换句话说，如果有足够的屏幕区域，并且在当前窗口上可以看到，则它会显示为内联，并且当其内联位置由于滚动而离开可见窗口时，这些元素会附着在它所触及的边界上并保持在那里，直到滚动将其内联位置带回可见窗口为止

我只需要通过CSS实现这一点，而不需要javascript。你知道怎么做吗

---

提前感谢您查看此帖子。

您可以使用position:fixed创建视图，使其保持在可见区域

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

---

可以使用“位置：固定”使视图保持在可见区域上

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

---

可以简单地将HTML元素设置为position:fixedNo。答案是No。但是告诉我，为什么不想使用Javascript？我的小部件是Zoho Creator视图中的iframe。Zoho Creator只允许HTML——它去掉了任何javascript。我讨厌剥离javascript，但对此无能为力。因此，我们试图通过CSS实现这一点。谢谢@SilverBlade。这不完全是我想要的，但是一个可以接受的妥协，因为它即将到来。谢谢@MoizTankiwala的感谢。我已经作出了这一回答。您可以建议所需的修改：）可以简单地使HTML元素

位置：固定

否。答案是否。但是告诉我，为什么不使用Javascript？我的小部件是Zoho Creator视图中的iframe。Zoho Creator只允许HTML——它去掉了任何javascript。我讨厌剥离javascript，但对此无能为力。因此，我们试图通过CSS实现这一点。谢谢@SilverBlade。这不完全是我想要的，但是一个可以接受的妥协，因为它即将到来。谢谢@MoizTankiwala的感谢。我已经作出了这一回答。您可以建议所需的修改：）