Как исправить неработающий идентификатор прокрутки в главном меню главной страницы? - PullRequest
Новая
       48

Как исправить неработающий идентификатор прокрутки в главном меню главной страницы?

1 голос
/ 03 октября 2019

Я взял на себя задачу поддерживать сайт вашего оркестра. К сожалению, предыдущий сопровождающий установил довольно много (Wordpress) -плагинов, поэтому мне сложно понять, какой плагин на самом деле используется для чего.

Я должен выяснить, почему в нашем главном меню прокруткассылки не работают, но я даже не знаю с чего начать. HTML-код выглядит правильно: 

<a href="#orchester-neu">Orchester</a>

Принимая во внимание, что ссылка https://www.akkordeonorchester -muenchen.de / # orchester-neu отлично работает.

Так что я посмотрел вКонсоль Google Chrome, которая выдает предупреждения о нарушениях, такие как

[Нарушение] Обработчик requestAnimationFrame 'занял 107 мс

Насколько я знаю, "прокрутка" выполнена jQueryфункция "animate", так что это может быть подсказка о том, с чего начать устранение проблемы. Но на сайте используется дочерняя тема Simple Key Theme, и, насколько я знаю, пока нет никакого пользовательского кода. Я не против добавить пользовательский код, но, как я уже сказал, я не знаю, с чего начать поиск ошибки.

Несмотря на то, что это веб-сайт WordPress, я не думаю, что проблема связана сWordpress, но для некоторых JavaScript / jQuery -Script. Я предоставил ссылку на веб-сайт выше, поэтому, пожалуйста, не стесняйтесь, посмотрите на живой сайт самостоятельно. Буду рад любым подсказкам!

Спасибо!

1 Ответ

1 голос
/ 03 октября 2019

Добавьте этот код jQuery, и он будет работать нормально ... 

jQuery(document).ready(function($) {
    jQuery( "#primary-menu-container .menu-item a[href^='#']").on( 'click', function ( e ) {
        e.preventDefault();
        var hash = this.hash;
        var scrlTopOff = jQuery('#primary-menu').innerHeight();
        jQuery( 'html, body' ).animate( {
            scrollTop: jQuery( hash ).offset().top - scrlTopOff
        }, 700, function () {
        });
    });
});
...