Question

所以我们有这个网站，当您一直向下滚动到底部时，它会一直滚动。

我尝试了多种方法来解决此问题，但没有找到有效的解决方案。

似乎在主<html>标签之外增加了页边空白。

任何帮助将不胜感激

仅添加了自定义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";
}
  }

Answer 1

这是问题的答案：

任何图像和所有图像都被应用了translation3d，并在滚动时正在计算以下内容：transform: translate3d(0px, <insert current scroll position>px, 0px);

这是由于包含的libs.min.js程序包导致页面自身溢出。

我要解决此问题的方法是将<insert current scroll position>替换为0。

还有一个名为.search的隐藏div转换了transformY（-25px）和一个:: after伪类，其高度为100vh，消除了该问题

谢谢大家的帮助

奇怪的过度滚动行为

1 个答案: