Question

在我的网站底部，我将有一个上拉菜单部门即时聊天。我正在使用Javascript来提取菜单。

我有一个带有id＆＃39; chatTab＆＃39;的标签。并且实际的聊天消息会进入ID＆＃39; chat＆＃39;。聊天选项卡位于页面底部，直到您单击它，然后它随着聊天一起拉起。问题是，它不会拉起来。我已经在我的制表符分区中使用了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;
}

Answer 1

CSS bottom属性需要长度值。 300不是长度。它不是0，也没有单位。

您可能意味着'300px'。

Javascript上拉菜单

1 个答案: