Как добавить стиль при прокрутки?

Question

[Егор Рублёв]

Добрый день, сегодня столкнулся с элементарной проблемой, мне нужно добавить стиль box-shadow: 0 0 10px #7c7c7c; к элементу #block-new55, при прокрутки вниз, собственно при возвращение на верх, чтобы пропадал этот стиль.

function start_load(){
		var h_nav = $('#new-block55').height()-28;
		$('#new-block55').css('padding-top',h_nav);
		
		var t = $(window).scrollTop();
		if(t==0){			
			$('.top_nav').removeClass('tn_active');				
		} else {
			$('.top_nav').addClass('tn_active');			
		}
		
	};

Нашел такой код, но не работает

Answer 1

[Евгений Петров]

Берём топор и вжик-вжик

$(function () {
	var topNav = $('.top_nav');

	if (topNav.length) {
		$(window).on('scroll', function () {
			if ($(this).scrollTop()) {			
				topNav.removeClass('__active');				
			} else {
				topNav.addClass('__active');			
			}
		});
	}
});

Comments

[Егор Рублёв]

Заменил классы на свои, не работает.

[Егор Рублёв]

$(function () { эта строчка выдает erorr

[Александр Вульф]

@FaloSun: jQ подключи

[Егор Рублёв]

Подключено //ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"

[Александр Вульф]

@FaloSun: Код идет после подключения jq?

[Евгений Петров]

вжик-вжик jsfiddle.net/petroveg/ma504mgg/1

Answer 2

[Игорь Пушкарский]

Малость непонятно куда ты закидываешь эту функцию?

Должно быть событие scroll у объекта window

$(window).scroll(function (){
        var posY=window.scrollY; //переменная сколько уже прокрутили

        if (posY > 50){
            	$('.top_nav').addClass('tn_active');			
        } else{
           $('.top_nav').removeClass('tn_active');				
        }
   });

Comments

[Егор Рублёв]

Заменил классы на свои, не работает.

[Егор Рублёв]

Вот сайт - testlpgenerator.ru/stranitsa-228068

[Игорь Пушкарский]

Без Jquery работать не будет.
Вот для общего развития learn.javascript.ru/metrics-window