Fade in Function Won't Work

Shubhang Desai

I am very new to jQuery, so please bear with me. I'm trying to make a div whose class is called "cover" fade in using its opacity CSS attribute. Here's the jQuery:

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

I have a JSFiddle with the CSS and HTML bits here: http://jsfiddle.net/ShubhangD/6xm0o8ta/. This seems like a simple thing to do, but it's not working at all. Can anyone please help me out?

Thanks in advance! :)

Pikamander2

You're missing this script tag in your code:

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

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

RequestContext won't work

분류에서Dev

AJAXify won't work on phpBB?

분류에서Dev

Program won't work in FireFox

분류에서Dev

Owl Carousel 2 can't make fade animation work

분류에서Dev

Why won't this regexp in htaccess work properly?

분류에서Dev

Alsamixer won't work with bluetooth device

분류에서Dev

Post variables with ajax won't work

분류에서Dev

Simple class won't work in C++

분류에서Dev

Laravel named routes won't work on wampserver

분류에서Dev

Why won't the routing work in this code?

분류에서Dev

Now visudo won't work at all

분류에서Dev

Why won't this MySQL stored procedure work?

분류에서Dev

The hover for my buttons and links won’t work

분류에서Dev

My update queries won't work

분류에서Dev

For /F "skip=0" won't work as expected

분류에서Dev

Windows 7 computer won't boot and recovery doesn't work

분류에서Dev

Laravel facade Slug won't work for non English?

분류에서Dev

Graphql Query with express and Mongodb won't work properly?

분류에서Dev

Why std::basic_fstream<unsigned char> won't work?

분류에서Dev

Java split() method won't work a second time

분류에서Dev

jQuery delay and javascript settimeout won't work with facebook button

분류에서Dev

Google Maps won't work when API key is provided

분류에서Dev

VBA - Conditional formatting: Excel 2010 won't work, Excel 2013 will

분류에서Dev

changing genemu jquery datepicker localization seetings won't work

분류에서Dev

Lightbox won't work when my site css page is linked

분류에서Dev

Wi-Fi just won't work on Ubuntu 17.10

분류에서Dev

boot menu shows up but Ubuntu won't work

분류에서Dev

Lubuntu 16.04 - indicator applet area of the LXPanel won't work

분류에서Dev

Bash completion won't work if calling application with the absolute path

Related 관련 기사

뜨겁다태그

보관