Ich kann nicht JQuery Scroll-Funktion bekommen auf meiner Website zu arbeiten

Question

ich wie die Wirkung viel bin versucht, auf https://codepen.io/michaeldoyle/pen/Bhsif?editors=0010 gesehen Das Problem ist, dass aus irgendeinem Grund, es gar nicht auf meine Website funktioniert http://pmoore17.altervista.org/TWADrama/index.php Ich versuche, die Diashow zu beenden, während die Inhaltsphasen in und umgekehrt. Hilfe?

Mein JQuery:

var hidetop = $("#hidetop"); 
    var range = $("#hidetop").height(); 
    var body = $("#wrapper"); 

    $(window).on('scroll', function() { 

     var scrollTop = $(this).scrollTop(); 
     var offset = hidetop.offset().top; 
     var height = hidetop.outerHeight(); 
     offset = offset + height/2; 
     var calc = 1 - (scrollTop - offset + range)/range; 

     hidetop.css({ 
     'opacity': calc 
     }); 

     if (calc > '1') { 
     hidetop.css({ 
      'opacity': 1 
     }); 
     } else if (calc < '0') { 
     hidetop.css({ 
      'opacity': 0 
     }); 
     } 

    }); 

Mein JQuery ist zur Zeit meine Seite gelöscht ab, weil es nur Ladezeit erhöht und verursacht Bilder laden nicht.

Answer 1

Ok, ich habe es.

die Division durch 2 in offset = offset + height/2; entfernen.

So wie folgt aus: offset = offset + height;

Auch testen Sie es mit einer längeren Seite.
oder - nur für den Test - fügen Sie folgendes hinzu:

$ ("# wrapper"). Css ({"height": 2000});

Answer 2

verwenden Sie Ihre scrip in head Element? Wenn ja, könnte dies das Problem sein .. Platzieren Sie Ihre <script> your function </script> am Ende des Dokuments vor dem Schließen der Tag.