У меня есть веб-сайт , который демонстрирует странное поведение, которое я не понимаю.Я не могу сказать, столкнулся ли я с ошибкой или что я мог делать неправильно.
На странице есть два элемента, nav и main, для каждого из которых установлен overflow-y: scroll.Это делается для того, чтобы их можно было прокручивать независимо друг от друга.Если прокрутить элемент main, а затем навести курсор на кнопки нумерации страниц внизу, элемент main вернется наверх (потеряет позицию прокрутки).Это также происходит, если навести курсор мыши на символ Octocat / GitHub в навигационной панели справа.
Общая нить здесь заключается в том, что кнопки нумерации страниц и символ GitHub справа имеют элементы svg.Если я избавлюсь от элемента svg, ошибка не произойдет.Также, если я удаляю overflow-y: scroll из элемента main, ошибка не возникает.
Я также заметил, что проблема может быть как-то связана с установкой height: 100% в теге <html>.Когда его удаляют, проблема больше не возникает, но, к сожалению, ее нельзя удалить, иначе макет полной ширины / высоты не будет работать правильно.
Может кто-нибудь сказать мне, почему это происходит, если это ошибка вSafari и / или как это исправить?Спасибо!