我想知道是否有人知道如何在用户上下滚动页面时使图像/控件始终可见。

新的Google搜索页面上有一个示例,该示例会在您键入内容时自动预测您的搜索结果。在右侧,有一张地图从页面顶部开始大约100像素。向下滚动时,地图仍在视图中,但距页面顶部为0px。当您向上滚动时,它将返回到其正常位置,即距页面顶部100px。

关于如何完成的任何想法?

最佳答案

您正在寻找position: fixed

<div style="position: fixed; right: 100px; top: 100px; width: 200px; height: 100px; background-color: red">
 I'm fixed</div>


适用于除IE6之外的所有浏览器。

关于javascript - 始终保持控制可见,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/4277060/

10-13 02:34