Javascript 在站点中添加了一些代码，它可以正常工作，但似乎可以无限滚动到页脚之外

我有一个简单的网站，我添加了一些html、css和JS代码。看来JS现在让我的页面无限延伸到页脚之外。我想页面结束在页脚一样正常

我尝试过在不同的环境中乱搞，我不是JS大师。 我也做了很多谷歌搜索，没有有效的结果

这是我的密码：

const$=document.querySelector.bind（文档）；
常数w=$（“.w”）；
常量ee=$（“.ee”）；
常数l=$（“.l”）；
常数c=$（“.c”）；
常数o=$（“.o”）；
常数m=$（“.m”）；
常数e=$（“.e”）；
函数转换字母（）{
const scroll=window.scrollY；
w、 style.transform=`translate3d（0，${scroll*2.4}px，0）rotateY（${-scroll*1.03}deg）`；
ee.style.transform=`translate3d（${-scroll*1.45}px，${scroll*1.95}px，0）旋转（${-scroll*1.1}度）`；
l、 style.transform=`translate3d（${scroll*1.65}px，${-scroll*2.05}px，0）旋转（${scroll*1.2}deg）`；
c、 style.transform=`translate3d（0，${scroll*2.75}px，0）rotateY（${scroll*0.05}deg）`；
o、 style.transform=`translate3d（${-scroll*1.75}px，${scroll*1.65}px，0）旋转（${-scroll*1.3}deg）`；
m、 style.transform=`translate3d（0，${-scroll*1.5}px，0）rotateY（${scroll*1.05}deg）`；
e、 style.transform=`translate3d（${-scroll*1.45}px，${-scroll*1.95}px，0）旋转（${-scroll*1.1}度）`；
}
window.addEventListener（“滚动”，转换字母）
。字母{
高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
颜色：hsl（0,4,5%）；
字体大小：3.5rem；
文本转换：大写；
-webkit透视图：1200px；
透视图：1200像素；
}

W
E
L
C
o
M
E
参考

样式代码放入“window.requestAnimationFrame”参考

样式代码放入“window.requestAnimationFrame”
不确定页面上还有什么其他部分

您可以尝试添加以下css代码来解决此问题


const$=document.querySelector.bind（文档）；
常数w=$（“.w”）；
常量ee=$（“.ee”）；
常数l=$（“.l”）；
常数c=$（“.c”）；
常数o=$（“.o”）；
常数m=$（“.m”）；
常数e=$（“.e”）；
函数转换字母（）{
const scroll=window.scrollY；
w、 style.transform=`translate3d（0，${scroll*2.4}px，0）rotateY（${-scroll*1.03}deg）`；
ee.style.transform=`translate3d（${-scroll*1.45}px，${scroll*1.95}px，0）旋转（${-scroll*1.1}度）`；
l、 style.transform=`translate3d（${scroll*1.65}px，${-scroll*2.05}px，0）旋转（${scroll*1.2}deg）`；
c、 style.transform=`translate3d（0，${scroll*2.75}px，0）rotateY（${scroll*0.05}deg）`；
o、 style.transform=`translate3d（${-scroll*1.75}px，${scroll*1.65}px，0）旋转（${-scroll*1.3}deg）`；
m、 style.transform=`translate3d（0，${-scroll*1.5}px，0）rotateY（${scroll*1.05}deg）`；
e、 style.transform=`translate3d（${-scroll*1.45}px，${-scroll*1.95}px，0）旋转（${-scroll*1.1}度）`；
}
window.addEventListener（“滚动”，转换字母）
。字母{
高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
颜色：hsl（0,4,5%）；
字体大小：3.5rem；
文本转换：大写；
-webkit透视图：1200px；
透视图：1200像素；
/*要添加的css*/
溢出：隐藏；
位置：固定；
排名：0；
左：0；
宽度：100%；
}
.其他{
高度：1400px；
}

W
E
L
C
o
M
E
不确定页面上还有什么其他部分

您可以尝试添加以下css代码来解决此问题


const$=document.querySelector.bind（文档）；
常数w=$（“.w”）；
常量ee=$（“.ee”）；
常数l=$（“.l”）；
常数c=$（“.c”）；
常数o=$（“.o”）；
常数m=$（“.m”）；
常数e=$（“.e”）；
函数转换字母（）{
const scroll=window.scrollY；
w、 style.transform=`translate3d（0，${scroll*2.4}px，0）rotateY（${-scroll*1.03}deg）`；
ee.style.transform=`translate3d（${-scroll*1.45}px，${scroll*1.95}px，0）旋转（${-scroll*1.1}度）`；
l、 style.transform=`translate3d（${scroll*1.65}px，${-scroll*2.05}px，0）旋转（${scroll*1.2}deg）`；
c、 style.transform=`translate3d（0，${scroll*2.75}px，0）rotateY（${scroll*0.05}deg）`；
o、 style.transform=`translate3d（${-scroll*1.75}px，${scroll*1.65}px，0）旋转（${-scroll*1.3}deg）`；
m、 style.transform=`translate3d（0，${-scroll*1.5}px，0）rotateY（${scroll*1.05}deg）`；
e、 style.transform=`translate3d（${-scroll*1.45}px，${-scroll*1.95}px，0）旋转（${-scroll*1.1}度）`；
}
window.addEventListener（“滚动”，转换字母）
。字母{
高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
颜色：hsl（0,4,5%）；
字体大小：3.5rem；
文本转换：大写；
-webkit透视图：1200px；
透视图：1200像素；
/*要添加的css*/
溢出：隐藏；
位置：固定；
排名：0；
左：0；
宽度：100%；
}
.其他{
高度：1400px；
}

W
E
L
C
o
M
E
@Chaska，谢谢你的回答。虽然它没有直接解决我的问题，但它确实带来了解决方案。我尝试了您的建议，但这导致了标题的格式问题（我知道我没有共享所有代码）。我对您添加的内容做了一个小改动，效果很好，谢谢您的帮助

            overflow: hidden;
            position: static;

@查斯卡，谢谢你的回答。虽然它没有直接解决我的问题，但它确实带来了解决方案。我尝试了您的建议，但这导致了标题的格式问题（我知道我没有共享所有代码）。我对您添加的内容做了一个小改动，效果很好，谢谢您的帮助

            overflow: hidden;
            position: static;

您发布的代码似乎没有重现您提到的问题。还有其他影响滚动的代码吗？您发布的代码似乎没有重现您提到的问题。是否有其他影响滚动的代码？