Странное поведение с чрезмерной прокруткой - PullRequest
1 голос
/ 16 мая 2019

Итак, у нас есть этот веб-сайт, и когда вы прокручиваете его до конца, он продолжает прокручиваться.

Я пробовал много способов исправить это и не нашел правильного решения.

Кажется, что добавляется поле вне основного тега <html>.

Любая помощь будет принята с благодарностью

Сайт: Viscosoft.com

Добавлены только пользовательские JS:

if (document.getElementById("tab1")) {
document.getElementById("tab1").style.display = "flex";
document.getElementsByClassName("tablinks")[0].className += " active";
}
var durl = String(document.URL);

if (durl.indexOf("#") != -1) {
durl = durl.substring(durl.indexOf("#") + 1,durl.length);
  openTab(event, durl);
}

function openTab(evt, name) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
  tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
  tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(name).style.display = "flex";
if (evt == undefined) {
  document.getElementsByClassName(durl)[0].className += " active";
  setTimeout(function() {
    window.scroll(0, document.getElementsByClassName("tab")[0].offsetTop)
  }, 1000);
} else {
  evt.currentTarget.className += " active";
}
  }

1 Ответ

0 голосов
/ 16 мая 2019

Вот ответ на проблему:

Все и все изображения применялись translate3d, и при прокрутке вычислялось следующее: transform: translate3d(0px, <insert current scroll position>px, 0px);

Это вызывало переполнение страницы самой собой и было вызвано включенным пакетом libs.min.js.

Что я сделал, чтобы исправить эту проблему, так это заменить <insert current scroll position> на 0, где он вызывался.

Также скрытый div с именем .search имел transformY translateY (-25px) и псевдо-класс :: after, имевший высоту 100vh, устранение этого устранило проблему

Спасибо всем за помощь

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...