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个不同的元素。

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

2 个答案: