Le retour en haut de page ne marche plus

Bonjour,
Pour résoudre les problèmes de perte de lien, on m'a conseillé sur ce forum d'inclure la balise

<base href="http://aoc:8080/">

C'est OK, sous WAMP et chez mon hébergeur, mais je constate un autre défaut
Mes renvois en haut de page me retournent maintenant sur la page d'accueil, et non plus sur le repère haut de page !
Mon repère :

<p><a id="HautDePage"></a></p>

Mon lien

<a href="#HautDePage">Retour au haut de page.</a>

Comment faire ?
Merci de votre aide
Cordialement
SC

Pour ma part j'utilise ce script pour cela

 <script type="text/javascript">
        $(document).ready(function() {

            $(window).scroll(function() {
                if ($(this).scrollTop() > 100) {
                    $('.scrollup').fadeIn();
                } else {
                    $('.scrollup').fadeOut();
                }
            });

            $('.scrollup').click(function() {
                $("html, body").animate({
                    scrollTop: 0
                }, 600);
                return false;
            });

        });

    </script>

<a href="#" class="scrollup">Retour</a> </div>

Bonjour,
Merci, mais cela ne change rien
Je retourne sur la page d'accueil, et non en haut de page
Je pense que le script n'est pas exécuté, je n'ai pas le message d'alerte

 <script type="text/javascript">
        $(document).ready(function() {
            $(window).scroll(function() {
            	alert "scroll";
                if ($(this).scrollTop() > 100) {
                    $('.scrollup').fadeIn();
                } else {
                    $('.scrollup').fadeOut();
                }
            });
            $('.scrollup').click(function() {
                $("html, body").animate({
                    scrollTop: 0
                }, 600);
                return false;
            });
        });
    </script>

Le lien

<a href="#" class="scrollup">Retour au haut de page.</a>

J'ai peut être mal placé le script ? Je l'ai mit avant le </head>
Cordialement
SC

Si il y a des messages d'erreurs mais tu ne les vois pas.
Dans ton navigateur, affiche ta page et appuie sur la touche "F12" pour ouvrir l'inspecteur de code.
Clique ensuite sur l'onglet ou le bouton "console".
Les messages d'erreurs s'affichent dans la console.

"alert" est une fonction. donc c'est "parenthèses obligatoires" quand on l'appelle.

alert('scroll me');

Modifié par bazooka07 (06 Jul 2018 - 14:55)