Question

Mozilla Firefox并没有动画我目前正在开发的网站上的垂直动画。

解释

当您开始在网站上的某个位置键入时，搜索功能将显示在固定标题中，让您搜索所需内容。它使用jQuery动画，但在Firefox中，输入和搜索结果不会垂直淡出。他们只是跳到左边。其他一切都很好。在Chrome中，它们会顺畅地从屏幕上消失。

是我的错还是由jQuery引起的？它是我的样式表与jQuery中的某些东西并发吗？

更新：我检查了所有我检查过的动画都在firefox中工作，除了垂直滑动（$（“＃search”）。animate（{left：“+ = 50px”}，100，null）;）

代码：

var searchState = false;

function searchHide() {
    if (searchState) {
        $("#search").hide(500);
        searchState = false;
    }
}

function searchShow() {
    if (!searchState) {
        $("#searchResults").hide(300);
        $("#search").show(100);
        $("#searchInput").focus();
        searchState = true;
    }
}

HTML：

<div id="search">
    <input name="searchInput" id="searchInput" onkeyup="searchKeyPress(event);" style="border: 1px ridge white; background-color: black; color: white;" />
    <div id="searchResults"></div>
</div>

CSS：

#search {
    max-width: 1050px;
    margin: 3px auto;  
    background-color: black;
}
#search input {
    margin-bottom: 25px;
}
#searchResults {
    color: white;
}
#searchResults p {
    padding: 3px;
}
#searchResults a {
    color: white;
}
#searchResults span {
    margin-right: 15px;
    padding:0px 4px;
    background-color: white;
    border-radius: 3px;
    color: black;
}

jQuery垂直动画在Firefox中不起作用（Chrome很好）

0 个答案: