JS/JQuery driver mig till vansinne...

Vänder mig återigen till er här på SweClockers då jag har stött på problem gällandes programmeringen av min hemsida...

Det är så att jag har skapat en knapp som jag har tänkt man ska kunna trycka på för att komma till toppen av sidan, men scriptet för att trycka på knappen så man åker upp funkar inte, endast det som fadear in knappen. Förtvivlad blir jag för jag har testat allt möjligt.

Här är all kod jag använder:

<button id="scrollTop"><p>↑</p></button>

#scrollTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border: none;
    outline: none;
    background: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
    font-size: 24px;
    width: 2em;
}

#scrollTop:hover {
    background: #AAA;
}

$(window).scroll(function() {
    if ($(this).scrollTop()) {
        $("#scrollTop").fadeIn();
    } else {
        $("#scrollTop").fadeOut();
    }
});

$("#scrollTop").click(function () {
   $("html, body").animate({scrollTop: 0}, 1000);
});

Den feta delen av koden är den som inte funkar.
Tacksam för hjälp.

/ FreddanQ

Funkar på jsfiddle för mig med men inte i Chrome/Firefox/någon annanstans med filer på datorn.

Ja, det hade jag.

<div id="toppen">Hemskt mycket hej.</div>

<a target="#toppen">Detta var ju toppen!</a>

Skoluppgiften krävde att man infogade ett enkelt JavaScript.

Men har nu valt att använda ett annat script som inte använde sig av jQuery och funkade, så problemet är löst men varför det inte funkade är ett mysterium. Tack allihopa ändå