a:focus verhindern auf Seitenanfang zu springen
bearbeitet von Der MartinHallo Kevin,
> ich arbeite mich noch in HTML und CSS ein, bin also kein Profi.
kein Problem, wir haben alle mal klein angefangen.
> Ich gestalte zur Zeit eine Webseite und habe auf meine Startseite vier Icons gepackt, welche einen Effekt auslösen sollen, sobald man auf diese klickt.
... den du aber im Beispiel nicht realisiert hast? - Oder er ist nur für einen Augenblick zu sehen, so dass ich nichts mehr erkenne, wenn ich wieder runterscrolle.
> Das habe ich eigenlich gut hinbekommen, allerdings nur mit einem "a-Element".
> Das Problem hierbei ist, dass sobald man auf das entsprechende Icon klickt (wegen <a href="#">) die Seite immer auf den Seitenanfang scrollt.
Das ist das normale Verhalten eines a-Elements, also eines Links: Er führt den Besucher an eine andere Stelle - innerhalb derselben Seite, oder auch auf eine ganz andere Seite. Das '#' ist das Kennzeichen für einen Anker, eine Art Lesezeichen innerhalb der Site - und da der Ankername fehlt, springt der Browser an den Seitenanfang.
Du möchtest also eigentlich ein anderes Element verwenden. Meiner Ansicht nach wäre ein <button> hier das richtige Element.
> Oder gibt es eine Möglichkeit, zu verhindern, dass beim klicken die Seite hochscrollt?
Wenn man noch [eine Portion Javascript in die Suppe rührt](https://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/preventDefault) und einen Eventhandler nutzt. wäre das auch möglich. Aber es wäre ein Missbrauch des a-Elements.
Live long and ~~pros~~ healthy,
Martin
--
Fische, die bellen, beißen nicht.