javascript - jquery fadeOut div 无法淡入

Question

我已经改编了这个 fiddle http://jsfiddle.net/onqn2gjj/4/使我的搜索栏在滚动时淡出，但是一旦搜索栏消失，我无法通过单击搜索图标将其取回。

请问我如何修改我的脚本来阻止这种情况发生？

这是网站:http://uwinat.o2clite.com/

谢谢

jQuery(document).ready(function($) {
$(window).scroll(function() {

if ($(this).scrollTop()>0)
 {
    $('.search').fadeOut();
 }
else
 {
  $('.search').fadeIn();
 }
   })
});

Answer 1

是因为在滚动时你隐藏了元素的父元素

你可以在这里看到它: http://screencast.com/t/zrnNrbeI

如果您修复它，它将起作用: http://screencast.com/t/H2m7K1636VER

注意

我还建议您为滚动事件使用去抖动器...滚动事件本身会降低您的性能...UnderscoreJS 库有一个很好的去抖器。

也尝试使用 css 动画代替 Jquery。您应该始终避免使用 javascript 动画...