2015-06-02 3 views
1

Я очень новичок в jQuery, поэтому, пожалуйста, несите меня. Я пытаюсь сделать div, класс которого называется «обложка», исчезает при использовании его атрибута CSS непрозрачности. Вот JQuery:Fade in Function не работает

var div = $('.cover'); 
var divH = div.height(); 
$(window).on('scroll', function() { 
    var st = $(this).scrollTop(); 
    div.css({ 'opacity' : (0 + st/divH) }); 
}); 

У меня есть JSFiddle с CSS и HTML бит здесь: http://jsfiddle.net/ShubhangD/6xm0o8ta/. Это похоже на простую вещь, но она вообще не работает. Кто-нибудь может помочь мне?

Заранее благодарен! :)

+1

Вы не связаны с JQuery в вашей скрипке. Хорошо работает здесь: http://jsfiddle.net/4guh41af/ –

+0

Пожалуйста, включите в свой пост весь соответствующий код и ** не ** просто укажите ссылку на сайт хостинга кода. Ваш пост должен стоять отдельно от любого другого ресурса; подумайте, что произойдет, если этот сайт опустится в будущем! –

+1

Хм, это странно. Он не работает в моем фактическом коде. У меня этот точный jQuery прямо перед тегом закрывающего тега. Вы знаете, что может быть неправильным? –

ответ

1

Вы пропустили этот сценарий тег в коде:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>‌​