Wie kann ich den Code von diesem Stift in meine Website integrieren?

Question

Ich habe diesen Stift mit dem gleichen Code von meiner Wordpress-Website erstellt, aber es funktioniert nicht auf meiner tatsächlichen Website. Ich habe den Standort-Cache gelöscht und ihn ausgeschaltet. Ich habe auch versucht, wp_enqueue_script zu verwenden, aber es ist fehlgeschlagen (wahrscheinlicher Benutzerfehler). Wie kann ich das auf meiner Website zum Laufen bringen? Alles in diesem Stift funktioniert auf der Website mit Ausnahme der js. Hilfe! :(

HTML:

<a href="#introjump"><img class="down-arrow" src="http://www.themainconcept.com/wp-content/uploads/2015/11/down-arrow-wht.png" alt="down arrow wht"/></a> 

CSS:

.down-arrow { 
    position: fixed; 
    bottom: 1%; 
    left: 50%; 
    max-width: 3.5%; 
    min-width: 3.5%; 
    width: 3.5%; 
    box-shadow: none; 
    opacity: 0.6; 
} 
.down-arrow:hover { 
    opacity: 1; 
} 

.filler { 
    height: 10000px; 
} 

Javascript:

$(window).scroll(function() { 
    $(".down-arrow").css("opacity", 1 - 
     $(window).scrollTop()/250); 
    }); 

[link] (https://codepen.io/ericshio/pen/zBRbAY)

Answer 1

Dies ist, was tatsächlich für mich mit der Hilfe von Toby gearbeitet hat. Seine Antwort hat nicht funktioniert, aber sie hat mich in die richtige Richtung geführt.

(function($) { 
    $(window).scroll(function() { 
     $(".down-arrow").css("opacity", 1 - $(window).scrollTop()/250); 
    }); 
})(jQuery); 

Answer 2

Sind Sie die Funktion Einwickeln Versuchen wickeln es wie also:

$(document).ready(function() { 

$(window).scroll(function() { 
    $(".down-arrow").css("opacity", 1 - 
     $(window).scrollTop()/250); 
    }); 

});