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。商业软件和系统的故障是他们的责任。