JQuery-Javascript: hide() on scrolltop() условие, не вступающее в силу

Question

У меня есть полностраничный заголовок с логотипом в центре и стрелкой ниже. Мне нужна стрелка, чтобы исчезнуть, если она прокручивается на 10 пикселей или больше. С этой целью я использую .scrollTop() и .hide(), как показано ниже: jfiddle. Однако при прокрутке он не исчезает.

Понравилось бы, что кто-то поставил меня на правильный путь, чтобы найти, почему стрела не прячется с .hide()?

Answer 1

Прежде всего, включите jquery в свой jfiddle (значок настроек в 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(); 
      }); 
    });