搜索输入问题显示滚动

我使用的是名为弹球的w3layouts主题，这是该主题的链接，我正在尝试添加搜索，是的，我可以添加搜索，但我的搜索问题是，当你搜索音乐时，它确实显示了音乐的结果，但你必须向下滚动才能看到结果，就像结果之间有很大的差距一样，这是我想要的主要问题结果将显示在菜单下方。任何帮助都将受到赞赏，这里是的链接http://jsfiddle.net/nxfe7r29/3/

问题的屏幕截图

http://prntscr.com/6618e4

HTML输入

<form>
    <input id="search" type="text" /><input type="submit" value="" />
</form>

Javascript

var search = $("#search");
var listItems = $("li");
search.on("keyup", function() {
  var terms = search.val();
  if (terms == '') {
    listItems.show();
  } else {
    listItems.hide(); 
    $("li:contains('" + terms + "')").show();
  }
});