JQuery-Javascript:在scrolltop()条件下隐藏(),没有生效

时间:2016-01-26 15:46:57

标签: javascript jquery css hide scrolltop

我有一个整页标题,中间有一个徽标,下面是一个箭头。如果它向上滚动10px或更多,我需要箭头消失。为此,我使用.scrollTop().hide(),如下面的jfiddle所示。但是在向上滚动时它不会消失。

感谢任何人让我走上正确的道路,找到箭头没有隐藏的原因.hide()?

1 个答案:

答案 0 :(得分:3)

首先在你的jfiddle中包含jquery(屏幕js部分的设置图标)。并使用$ j也通过$ j('#arr_down')。hide();和$ j('#arr_down')。hide();你忘记了你的例子中的j

$j=jQuery.noConflict();
    $j(document).ready(function() {   
         $j(window).scroll(function () {
            if ($j(this).scrollTop() > 10) 
                 $j('#arr_down').hide();

        else 
                $j('#arr_down').show();
            });
    });