Question

我已经调整了这个小提琴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

注意

我还建议你使用debouncer为你滚动事件...它自己的滚动事件会扼杀你的表现...... UnderscoreJS库有一个很好的。

还尝试使用css动画而不是Jquery。你应该总是避免使用javascript动画...

jquery fadeOut div无法淡出

1 个答案: