Problem mit Darstellung Top Link Button nur unter Firefox
Hallo zusammen,
ich habe auf meiner Seite "https://www.luetten-dieks.eu" mittels JQuery Template (j_top_link.html5) einen animierten Toplink Button realisiert und eingebunden, der sich einblendet, wenn der Besucher mehr als 200 px runterscrollt.
Das funktioniert soweit auch einwandfrei unter Safari, Chrome, Opera (jeweils macOs, Windows keine Ahnung). Klicke ich auf den Button, scrollt die Seite nach oben, der Button blendet sich aus und beim nächsten nach unten scrollen erscheint er wieder in seinem "definierten CSS", z.B. mit opacity:0.6
Unter Firefox funktioniert es im Prinzip auch, nur habe ich NUR dort das Phänomen, dass der Button nach dem Anklicken "aktiv" bzw. im "hover" Status bleibt. Zwar verschwindet er ebenfalls nach dem nach oben scrollen wie er es soll, scrolle ich dann jedoch wieder mehr als 200px nach unten, wird er im "hover-Status" ohne jede Animation wieder eingeblendet (dotted outline drumherum). Erst wenn ich dann irgendwo ins Browserwindow klicke, nimmt der Button wieder sein ursprüngliches CSS an ...
Ich hoffe, ich konnte mich verständlich machen ... Hat irgendwer eine Idee, woran das liegt?