Wie kann ich die Scroll-Funktion verwenden, um zu einem bestimmten Abschnitt zu gelangen?

Ich habe gerade den Code von hinzugefügt Diese Seite auf meiner eigenen WordPress-Seite. Jetzt ist mir aufgefallen, dass der Code dem Abschnitt, auf den ich ziele, eine automatische Höhe hinzufügt, damit er immer die volle Höhe haben kann.

Das js sieht so aus:

(function() {
  var delay = false;
    $('<a name="#A1">Tag #1.</a>,.home').insertBefore('.eluid6ccc1f08');
  $(document).on('mousewheel DOMMouseScroll', function(event) {
    event.preventDefault();
    if(delay) return;

    delay = true;
    setTimeout(function(){delay = false},200)

    var wd = event.originalEvent.wheelDelta || -event.originalEvent.detail;

    var a= document.getElementsByTagName('a');
    if(wd < 0) {
      for(var i = 0 ; i < a.length ; i++) {
        var t = a[i].getClientRects()[0].top;
        if(t >= 40) break;
      }
    }
    else {
      for(var i = a.length-1 ; i >= 0 ; i--) {
        var t = a[i].getClientRects()[0].top;
        if(t < -20) break;
      }
    }
    $('html,body').animate({
      scrollTop: a[i].offsetTop
    });
  });
})();

Wie kann ich zu einem bestimmten Abschnitt gehen, sobald ich nach unten oder oben scrolle, ohne automatische Höhen hinzufügen zu müssen?

Eine gute Option dafür könnten Anchor-Tags sein, wie Sie können siehe in meinem Stift hier aber leider habe ich keinen Zugriff auf den HTML-Code der Website, um die Anker-Tags physisch hinzuzufügen.

Hoffe, ich habe etwas Sinn gemacht.

Wenn Sie externe Ressourcen verwenden können, habe ich das JQuery-Plugin erstellt pageScroller Vor einiger Zeit können Sie damit zwischen untergeordneten Elementen eines Containers ‘autoscrollen’.

Wenn Sie dies nicht können, können Sie Ihre Anker selbst in Javascript hinzufügen. Wählen Sie einfach Ihr Element aus und fügen Sie ihm eine ID hinzu. Dann können Sie es als Anker verwenden.