奇怪的过度滚动行为
所以我们有这个网站，当你一直向下滚动到底部时，它会一直滚动。
我已经尝试了很多方法来解决这个问题，但没有遇到有效的解决方案。
它似乎是在主<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回答
-
梵蒂冈之花
这是问题的答案：任何和所有图像都被应用了 translate3d 并且在滚动时它正在计算以下内容： transform: translate3d(0px, <insert current scroll position>px, 0px);这导致页面自身溢出，并且是由包含的 libs.min.js 包引起的。我为解决这个问题所做的是<insert current scroll position>用 0替换它被调用的地方。还有一个名为 .search 的隐藏 div 具有转换 translateY(-25px) 和一个高度为 100vh 的 ::after 伪类，删除它修复了问题
随时随地看视频慕课网APP
相关分类
JavaScript