Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/django/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 奇数滚动行为_Javascript_Html_Css_Shopify - Fatal编程技术网

Javascript 奇数滚动行为

Javascript 奇数滚动行为,javascript,html,css,shopify,Javascript,Html,Css,Shopify,所以我们有这个网站,当你一直向下滚动到底部时,它会一直滚动 我已经尝试了很多方法来解决这个问题,但还没有找到有效的解决方案 它似乎在主标记之外添加了边距 任何帮助都将不胜感激 站点: 仅添加了自定义JS: if (document.getElementById("tab1")) { document.getElementById("tab1").style.display = "flex"; document.getElementsByClassName("tablinks")[0].class

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

我已经尝试了很多方法来解决这个问题,但还没有找到有效的解决方案

它似乎在主
标记之外添加了边距

任何帮助都将不胜感激

站点:

仅添加了自定义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";
}
  }
if(document.getElementById(“tab1”)){
document.getElementById(“tab1”).style.display=“flex”;
document.getElementsByClassName(“tablinks”)[0].className+=“活动”;
}
var durl=String(document.URL);
if(durl.indexOf(“#”)!=-1){
durl=durl.子字符串(durl.indexOf(“#”)加1,durl.长度);
openTab(事件,durl);
}
函数openTab(evt,名称){
var i,tabcontent,tablinks;
tabcontent=document.getElementsByClassName(“tabcontent”);
对于(i=0;i
以下是问题的答案:

任何和所有的图像都被应用到translate3d中,并且在滚动时它正在计算以下内容:
transform:translate3d(0px,px,0px)

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

我解决这个问题的方法是在调用它的地方用0替换

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


谢谢大家的帮助

以下是问题的答案:

任何和所有的图像都被应用到translate3d中,并且在滚动时它正在计算以下内容:
transform:translate3d(0px,px,0px)

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

我解决这个问题的方法是在调用它的地方用0替换

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


谢谢大家的帮助

显示代码,这是付费主题,我不能合法共享代码。请看一下网站,你就会看到问题。我认为是页面覆盖或页面转换导致了一些问题。我添加了
高度:auto
减少了空白,这很有帮助,但问题仍然存在。主题的名称是什么?您在哪里购买的?您应该与向您出售此主题的公司打交道,而不是StackOverFlow。商业软件和系统的故障是他们的责任。向我们展示代码,这是付费主题,我不能合法共享代码。请看一下网站,你就会看到问题。我认为是页面覆盖或页面转换导致了一些问题。我添加了
高度:auto
减少了空白,这很有帮助,但问题仍然存在。主题的名称是什么?您在哪里购买的?您应该与向您出售此主题的公司打交道,而不是StackOverFlow。商业软件和系统的故障是他们的责任。