scrollTop переходит в неправильный div, каждый раз.Иногда это никогда не правильно - PullRequest
0 голосов
/ 19 октября 2018

Я пытаюсь сделать плавную анимацию, которая работает везде.Когда я нажимаю a-tag, он должен прокручиваться вниз / вверх до этого div.Я делаю прокрутку, но это не всегда правильно.Если я нажал на «О нас», например, и он правильно прокрутил до этой части, если я нажму на него снова, он перейдет наверх.

Я пытаюсь выяснить, почему он действует какthis.

Вот функция:

         $('a[href*="#"]')
                // Remove links that don't actually link to anything
                .not('[href="#"]')
                .not('[href="#0"]')
                .click(function (event)
                {
                    // On-page links
                    if (
                        location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
                        &&
                        location.hostname == this.hostname
                    )
                    {
                        // Figure out element to scroll to
                        var target = $(this.hash);
                        target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
                        // Does a scroll target exist?
                        if (target.length)
                        {
                            // Only prevent default if animation is actually gonna happen
                            event.preventDefault();
                            $('html, body').animate({
                                scrollTop: target.offset().top
                            }, 1000, function ()
                            {
                                // Callback after animation
                                // Must change focus!
                                var $target = $(target);
                                $target.focus();
                                if ($target.is(":focus"))
                                { // Checking if the target was focused
                                    return false;
                                } else
                                {
                                    $target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
                                    $target.focus(); // Set focus again
                                }
                            });
                        }
                    }
                });

значение scrollTop иногда становится равным 0, и я не понимаю, почему.Я проверил другую симуляционную тему здесь, в StackOverflow, но она не решает эту проблему.

Очень благодарен за каждый ответ!

...