在所有屏幕中将div从中间移动到顶部

Question

我有一个菜单在我的网页中间，我想把它移动到顶部点击。这个网站是:http://inopia.net/attis/我有这个代码来移动onClick

$(document).ready(function() {
$('#menuentero').click(function() {
$('#menu, #clickme, .logo-abajo').animate({
   marginTop: '-25.8%'
 }, 750, function() {
});
});
});

问题在哪里?当然，菜单会在点击栏的上方，但只能在我的屏幕上显示。在其他屏幕上，有时它离开页面，有时它很短。我认为使用%应该解决这个问题，但它没有。所以我问你们我该怎么做?

任何帮助或指导将不胜感激。提前感谢

Answer 1

您希望<div>的样式包含以下内容:

position:absolute;
top:0;
right:50%;

这些设置将把你的<div>放在任何屏幕的中上方。

Answer 2

你还需要重新设置正文的边距。

所以，第一步是把这个添加到你的CSS中:

body { margin:0; padding:0; }

之后，使用top: 0而不是margin-top: -25%。当你在你的页面上移动东西时，总是尽量保持一致(如果你使用顶部/左侧，坚持这样，不要和边距混淆):

$(document).ready(function() {
   $('#menuentero').click(function() {
      $('#menu, #clickme, .logo-abajo').animate({
         top: '0'
       }, 750, function() {
      });
   });
});

也许可以尝试将#menu， #clickme和。logo-abajo包裹在一个div中，并且只移动那一个，这样你就不会有3个不同的元素。