Javascript 为什么在执行slideUp时，我的h1标题隐藏在输入框后面

我有以下页面，这是一个wikisearch页面，它查询多个wikipidia页面以查找搜索词。页面中间有标题和输入框；但是，当我点击按钮时，标题会向上滑动，输入框也随之向上滑动。但输入框一直向上滑动，覆盖了标题。我想！。。。如何防止输入框覆盖标题？还是让标题保持在页面顶部？谢谢

$（文档）.ready（函数（）{
//将焦点转移到搜索框
window.load=函数（）{
document.getElementById（“搜索框”）.focus（）；
};
//搜索按钮的侦听器
$（“#搜索”）。单击（函数（）{
$（“#标题”）。slideUp（3000）；
//$（“#title”）.css（“文本对齐”，“左”）；
搜索（）；
});
函数搜索（）{
//抓取搜索结果div的id
var srchResult=document.getElementById（“结果”）；
//用户为搜索输入的字符串
var searchStr=document.getElementById（“搜索框”）.value；
//在搜索查询中将空格替换为u
searchStr=searchStr.replace（“，”）；
console.log（searchStr）；
$.ajax({
url:“https://en.wikipedia.org/w/api.php?action=query&list=search&srsearch=“+searchStr+”&prop=info&inprop=url&utf8=&format=json”，
数据类型：“jsonp”，
成功：功能（响应）{
if（response.query.searchinfo.totalhits==0）{
淋浴器（searchStr）；
}否则{
显示结果（响应）；
}
},
错误：函数（）{
警报（“出现了问题…”
“+
“再试一次！”；
}
});
函数显示结果（响应）{
console.log（response.query）；
var search=response.query.search；
var srchLength=response.query.search.length；
srchResult.innerHTML=“”；
//log（srchResult.innerHTML）；
//将标题和搜索框拉到顶部
//$（“#title”）.css（“利润率顶部：，“10px！重要”）；
对于（var i=0；i'；
}
}
返回false；
}
功能错误（搜索）{
srchResult.innerHTML='没有搜索结果：'+Search+''；
}
});
正文{
背景色：#495444；
}
搜索输入{
宽度：90%；
}
居中{
左对齐：自动；
右对齐：自动；
文本对齐：居中；
}
.产出{
背景色：白色；
边框颜色：黑色；
边框宽度：1px；
边框样式：实心；
不透明度：0.5；
边缘顶部：10px；
}
h1{
利润上限：200px；
颜色：#1484e5；
字体系列：“Josefin Sans”，无衬线；
字体大小：50px；
垫底：5px；
}

维基搜索
搜寻
将其添加到h1类中

h1 {
  z-index: 1000;
}

现在让我们假设你需要一些东西，然后放在标题的顶部，你会给元素的a级z索引一些高于1000的东西，所以可能是1001！如果你需要一些东西，只需将其设置为999或更低。使用1000可以在任意方向（+/-）上提供大量自由范围
 将其添加到h1类中

h1 {
  z-index: 1000;
}

现在让我们假设你需要一些东西，然后放在标题的顶部，你会给元素的a级z索引一些高于1000的东西，所以可能是1001！如果你需要一些东西，只需将其设置为999或更低。使用1000可以在任意方向（+/-）上提供大量自由范围
 不要使用
$（'title'）。幻灯片（3000）
尝试使用
$（'title'）。动画（{'margin-top'：'0'}，3000）

那么标题将保留下来

此外，您可能希望从
搜索中删除
onclick=“#”

下面的例子


$（文档）.ready（函数（）{
//将焦点转移到搜索框
window.load=函数（）{
document.getElementById（“搜索框”）.focus（）；
};
//搜索按钮的侦听器
$（“#搜索”）。单击（函数（）{
$（'#title'）。动画（{'margin-top'：'0'}，3000）；
//$（“#标题”）。slideUp（3000）；
//$（“#title”）.css（“文本对齐”，“左”）；
搜索（）；
});
函数搜索（）{
//抓取搜索结果div的id
var srchResult=document.getElementById（“结果”）；
//用户为搜索输入的字符串
var searchStr=document.getElementById（“搜索框”）.value；
//在搜索查询中将空格替换为u
searchStr=searchStr.replace（“，”）；
$.ajax({
url:“https://en.wikipedia.org/w/api.php?action=query&list=search&srsearch=“+searchStr+”&prop=info&inprop=url&utf8=&format=json”，
数据类型：“jsonp”，
成功：功能（响应）{
if（response.query.searchinfo.totalhits==0）{
淋浴器（searchStr）；
}否则{
显示结果（响应）；
}
},
错误：函数（）{
警报（“出现了问题…”
“+
“再试一次！”；
}
});
函数显示结果（响应）{
var search=response.query.search；
var srchLength=response.query.search.length；
srchResult.innerHTML=“”；
//log（srchResult.innerHTML）；
//将标题和搜索框拉到顶部
//$（“#title”）.css（“利润率顶部：，“10px！重要”）；
对于（var i=0；i'；
}
}
返回false；
}
功能错误（搜索）{
srchResult.innerHTML='没有搜索结果：'+Search+''；
}
});
正文{
背景色：#495444；
}
搜索输入{
宽度：90%；
}
居中{
左对齐：自动；
右对齐：自动；
文本对齐：居中；
}
.产出{
背景色：白色；
边框颜色：黑色；
边框宽度：1px；
边框样式：实心；
不透明度：0.5；
边缘顶部：10px；
}
h1{
利润上限：200px；
颜色：#1484e5；
字体系列：“Josefin Sans”，无衬线；
字体大小：50px；
垫底：5px；
}

维基搜索
搜寻
安装