有没有一种习惯让元素只在页面滚动时才滚动到浏览器的顶部？

Question

基本上，我期望完成一些类似于yelp用于让地图在搜索结果页面上沿着页面向前移动的效果，但我宁愿让它成为瞬间的，而不是让它在几秒后赶上它滚动。我也不想只将位置设置为“固定”，因为我希望它滚动，直到它将滚动页面，然后才变为“固定”（并且同样，如果用户稍后滚动回来，我想要地图变成“不粘贴”并向下滚动页面）。

我想这可以用一些令人费解的javascript（使用“watch”等）来完成，它可以检测地图何时接近页面顶部并适当地更改CSS值，但我希望能够组合使用相对/绝对/固定定位的div，完全避免了对Javascript的需求。

当然我想真的像是一个插件库（或jQuery插件等），只要我正在寻找，如果这样的事情存在。如果没有现成的脚本来做到这一点，我很乐意听到有第一手经验的人或尝试做同样的事情。

Answer 1

好吧，我放弃了，并采取了yelp的方式。