自动定位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. */
}