为了账号安全,请及时绑定邮箱和手机立即绑定

奇怪的过度滚动行为

奇怪的过度滚动行为

人到中年有点甜 2021-06-02 17:18:35
所以我们有这个网站,当你一直向下滚动到底部时,它会一直滚动。我已经尝试了很多方法来解决这个问题,但没有遇到有效的解决方案。它似乎是在主<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 回答

?
梵蒂冈之花

TA贡献1900条经验 获得超5个赞

这是问题的答案:

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

这导致页面自身溢出,并且是由包含的 libs.min.js 包引起的。

我为解决这个问题所做的是<insert current scroll position>用 0替换它被调用的地方。

还有一个名为 .search 的隐藏 div 具有转换 translateY(-25px) 和一个高度为 100vh 的 ::after 伪类,删除它修复了问题


查看完整回答
反对 回复 2021-06-03
  • 1 回答
  • 0 关注
  • 140 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信