1

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

直播： http ://daft-tech.net/

解释：

当您开始在网站的某处输入时，搜索功能将显示在固定标题中，让您搜索您想要的内容。它使用 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;
}
4

0 回答 0