JQuery-Javascript: hide() on scrolltop() 条件,不生效

JQuery-Javascript: hide() on scrolltop() condition, not taking effect

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

如果有人让我走上正确的道路,找出箭头没有用 .hide() 隐藏的原因,我将不胜感激?

首先在您的 jfiddle 中包含 jquery(屏幕 js 部分的设置图标)。并通过 $j('#arr_down').hide(); 使用 $j和 $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();
            });
    });