在點擊時爲絕對定位的Divbox生成動畫

Question

我嘗試在點擊後爲絕對定位的Div創建動畫。標籤是帶有#menu和HTML5標籤導航的div。導航是有點#menu框的包裝。一切都是絕對的。

這是CSS代碼：

nav { 
    top:50%; 
    left:50%; 
    position: absolute; 
    margin-top:-31.5px; 
    margin-left:-150px; 
    height: 63px; 
    width: 300px; 
    border: 1px solid '#f2f2f2; 
    background: '#333333; top: 400px 
} 

menu1 { 
    height: 63px; 
    width: 75px; 
    float: left; 
    background-image: url(../img/1.png); 
} 

jQuery的是：

$('#menu1').click(function() { 
    $('nav').animate({ 
     top: '+=50px', 
    }, 
    5000, 
    function() { 

    }); 
}); 

但它不工作。點擊「＃menu1」後，導航欄應滑動到包裝頁面頂部。那可能嗎？ 問候

Answer 1

你MENU1是缺少在CSS的散列，因爲它與id="menu1"和元素不<menu1>：

#menu1 { 
    height: 63px; 
    width: 75px; 
    float: left; 
    background-image: url(../img/1.png); 
} 

Answer 2

我不知道你是否錯過了或者它不存在，他們兩人是錯誤的

如果它是ID應該有＃或者如果它是類應該有點「。」

你在＃jquery中缺少＃。

change this $('nav') to $('#nav') 

$('#nav').animate({ 
     top: '+=50px', 
    }, 
    5000, 
    function() { 

    }); 



    #nav { 
     top:50%; 
     left:50%; 
     position: absolute; 
     margin-top:-31.5px; 
     margin-left:-150px; 
     height: 63px; 
     width: 300px; 
     border: 1px solid '#f2f2f2; 
     background: '#333333; top: 400px 
    } 

    #menu1 { 
     height: 63px; 
     width: 75px; 
     float: left; 
     background-image: url(../img/1.png); 
    }