对链接到元素ID的反应

Question

I've made a website for my friends. It's one page where you navigate by scrolling:

www.hbzmusic.de

The both wish, that the different section could be targeted by direkt links such as hbzmusic.de/Musik . So I decided to make a new directory /Musik (in the directory of index.php) with a new index.php simply linking back to the original one:

<?php
    header('Location: ../index.php');
    die();
?>

But so far I have no argument to pass for scrolling to the corresponding section. Some students at my university suggested using # to target the id of the desired element:

header('Location: ../index.php#Musik');

But as my scroll function is made in javascript I am searching for a possibility to catch this #Musik to scroll to this element.

I hope this question isn't as dumb as it seems and I am not wasting someones time :).

Thanks for any help!

Answer 1

With javascript you can catch the fragment identifier

if(window.location.hash) {
    var hash = window.location.hash.substring(1);
    // scrollingToHash(hash);
}