css - 向下/向上滚动页面时自动定位 div

Question

请看这个UI sketch图片，我在某个站点的侧边栏(黑框)中有这个 div，当我向下滚动或向上滚动时，我不希望它隐藏...我希望它在我向下滚动和移动时自行向下移动当我向上滚动时向上滚动，这样它就永远不会隐藏起来。你能给我推荐一些可以完成这项工作的 jQuery 吗？或者是其他东西。请帮助，谢谢。

Answer 1

请不要为此使用 jQuery；这是纯 CSS。

#MyDiv
{
    position: fixed;
    top: 10px;
    left: 10px;
}

通过调整 top 和 left 来调整您喜欢的确切位置。也许你希望它像图像中一样垂直居中(如果草图在这方面是准确的)，在这种情况下你必须处理所有的乐趣 tricks necessary for vertical centering ;希望在你的情况下这样的事情会起作用:

#MyDiv
{
    position: fixed;
    top: 50%; /* This places the _top_ of the div in the middle of the page. */
    left: 10px;
    height: 500px;
    margin-top: -250px; /* This moves the div upward by half of its height,
                           thus aligning the middle of the div with the middle
                           of the page. */
}