Javascript上拉菜單

在我的網站的底部，我將有一個即時聊天的上拉菜單部門。我正在使用Javascript來拉起菜單。Javascript上拉菜單

我有一個ID爲'chatTab'的選項卡，實際的聊天消息進入ID'聊天'。聊天標籤位於頁面底部，直到您點擊它，然後隨聊天一起上傳。問題是，它不會拉起來。我已經使用onClick方法與我的選項卡部門，並確認它的工作原理，所以問題是在JS的某處。

var current; 
var pullChat = 0; 
var pullMenu = function() { 
    if(pullChat === 0) { 
     current = document.getElementById('chatTab'); 
     current.style.bottom = '300'; 
     alert('pie'); 
     current = document.getElementById('chat'); 
     current.style.bottom = '0'; //starts at -300 
    } 
}

警告消息是我測試一行代碼是否在運行的情況，在這種情況下它會運行。

我的HTML很長，但是這是兩個重要的事情：

<div id='chatTab' onClick='pullMenu()'>Instant Chat</div> 
<div id='chat'></div>

下面是重要物品CSS：

#chatTab { 
    z-index:1000; 
    position:fixed; 
    bottom:0; 
    background-color:#FF9933; 
    color:white; 
    width:100%; 
    margin:0; 
    padding:0; 
    text-align:center; 
    font-size:1.8em; 
} 
#chatTab:hover { 
    cursor:pointer; 
} 
#chat { 
    z-index:1001; 
    position:fixed; 
    padding:0; 
    margin:0; 
    bottom:-300px; 
    height:300px; 
}

來源

2014-09-29 turkey3

你還可以包含必要的HTML標記嗎？ – chridam 2014-09-29 13:50:05

好吧，我添加了兩件重要的事情。 HTML的其餘部分與此無關。 – turkey3 2014-09-29 13:53:48

@ turkey3旁註：鑑於你提出的許多問題，你應該接受已經解決了部分或全部問題的答案，包括今天的最新問題http://stackoverflow.com/q/26290663/。如果您不知道如何，請參閱以下鏈接** http：//meta.stackexchange.com/a/5235/** - Stack系統的構建是有原因的。 – 2014-10-10 02:13:12

的CSS bottom屬性需要的長度值。 300不是一個長度。它不是0，它沒有一個單位。

您可能的意思是'300px'。

來源

2014-09-29 13:53:41 Quentin

我怎麼沒有看到！謝謝。 – turkey3 2014-09-29 13:54:48

@ turkey3如果這解決了您的問題，請將其標記爲正確答案。 – 2014-09-29 13:57:11

我不能需要更好的聲譽 – turkey3 2014-10-10 02:16:34

Javascript上拉菜單

回答

相關問題