Показать div Когда страница прокручивается до 100px

Question

Я хочу показать DIV, когда страница прокручивается вниз, например. скажем, 100 пикселей вниз. Я использую ниже код

HTML-

<div class="scroll_div">Hello World!</div> 

JQuery

jQuery(document).scroll(function ($) { 
    var y = $(this).scrollTop(); 
    if (y > 100) { 
     $('.scroll_div').fadeIn(); 
    } else { 
     $('.scroll_div').fadeOut(); 
    } 

}); 

и CSS

body { 
    height:1600px; 
} 

.scroll_div{ 
    display: none; 
} 

Пожалуйста, помогите

Answer 1

Возможно, вы используете старую версию миниатюрный jQuery. У него несколько устаревших кодов (-ов), которые необходимо заменить некоторыми новыми функциями, например. он имеет известный код returnValue, который необходимо заменить на preventDefault.

Я предлагаю вам выполнить поиск кода, о котором я говорил, и попытаться заменить его на sugested code.

Answer 2

Параметр, передаваемый в обработчик события представляет событие объект. Попробуйте вместо этого:

jQuery(document).scroll(function (e) { 

Если вы хотите использовать $ внутри обработчика событий, обернуть обработчик в другой функции, которая принимает в объект JQuery:

(function($) { 
    $(document).scroll(function(e) { 
     //... 
    }); 
})(jQuery); 

Answer 3

Попробуйте это:

$(document).scroll(function() { // remove "$" 
    var y = $(this).scrollTop();   
    if (y > 100) { 
     $('.scroll_div').fadeIn(); 
    } else { 
     $('.scroll_div').fadeOut(); 
    } 
}); 

Fiddle here.