Bootstrap 5 Scrollspy устанавливает неверный активный раздел при перезагрузке страницы во фрагменте документа

#html #css #scrollspy #bootstrap-5

#HTML #css #scrollspy #начальная загрузка-5

Вопрос:

Проблема

РЕДАКТИРОВАТЬ: оказывается, об этой проблеме сообщалось в Bootstrap Github

Я создал JSFiddle, демонстрирующий проблему: https://jsfiddle.net/unhumbleben/xksv8L04 /

Нажмите на навигационную ссылку «один» в правом верхнем углу, и страница должна правильно прокрутить вниз до раздела «один». Теперь обновите фрейм (это имитирует обновление страницы), щелкнув правой кнопкой мыши в окне и нажав «Перезагрузить фрейм». Страница по-прежнему будет находиться в разделе «один», но Scrollspy будет считать, что активный раздел намного ниже (вплоть до раздела «три») для меня. Прокрутка теперь всегда будет отключена на определенное вертикальное смещение (активная вкладка всегда будет ниже, чем фактический активный раздел на экране).

Что я пробовал

Я попытался настроить

 body {
  position: relative;
}
 

как было предложено во многих других сообщениях о переполнении стека и документации, но это не устраняет проблему.

Комментарии:

1. bootstrap 5 в настоящее время не является окончательной версией. в настоящее время выпущена бета-версия bootstrap 5. Эта проблема находится в bootstrap v5.0.0-beta1. В bootstrap 4 он работал нормально. Я думаю, команда bootstrap ищет решение этой проблемы.