jQuery:在页面中心保留一个div,即使页面向下滚动

Question

我想在屏幕上居中一个div,这样当页面向下/向上滚动时,div会平滑地滚动到页面的中心.我正在尝试这个代码(请参阅jsfiddle),但不起作用.有人可以帮我吗？谢谢.

Answer 1

你不需要jquery,只需使用css

HTML

<div id="senad">content</div>

CSS

 #senad { width: 200px; height: 200px; position: fixed; top: 50%; left: 50%; border: 1px solid gray;}

这将保持元素在中心.

Answer 2

为什么不标记它position: fixed并将其保留在那里,无论用户滚动的位置如何？那你就不需要任何形式的javascript技巧了.

但是,为了回答您当前的问题,似乎您提供了一次居中,您永远不会对窗口的滚动事件做出反应:

 $(window).scroll(function() { $('#box').center(); });