Javascript 无法使用iOS向下滚动100%高度部分_Javascript_Jquery_Html_Css

Javascript 无法使用iOS向下滚动100%高度部分

javascript jquery html css

Javascript 无法使用iOS向下滚动100%高度部分,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我为我的婚礼请柬制作的网站有问题。顶部以100%的高度显示，您需要向下滚动它与我桌面上的FireFox/Chrome完美配合，但在iPhone或iPad上使用iOS查看网站时，它不会向下滚动我想这是由100%的身高造成的。有人知道如何使用iOS吗代码示例：标题显示良好，但我无法滚动到下一节。问题通过替换skrollr主体id解决，它被放置在导致问题的主体标签中您好，我也有同样的问题…检查此修复，它与我一起工作。使用此前缀-webkit转换：translate3d（0,0,0）@cami

我为我的婚礼请柬制作的网站有问题。顶部以100%的高度显示，您需要向下滚动

它与我桌面上的FireFox/Chrome完美配合，但在iPhone或iPad上使用iOS查看网站时，它不会向下滚动

我想这是由100%的身高造成的。有人知道如何使用iOS吗

代码示例：

标题显示良好，但我无法滚动到下一节。

问题通过替换skrollr主体id解决，它被放置在导致问题的主体标签中

您好，我也有同样的问题…检查此修复，它与我一起工作。使用此前缀-webkit转换：translate3d（0,0,0）@camiel通常将其添加到具有未加前缀版本的同一元素的属性列表中。@TylerH我理解，但我没有使用transform属性。@LuisP.A。谢谢，我需要在哪里添加-webkit转换：translate3d（0,0,0）；？我将它添加到标题中，但这并不能解决我的问题…我想这是在构成滚动的body元素中。放入正文或html。正文，html{-webkit转换：translate3d（0,0,0）；}。您必须将此样式放置在元素制作卷轴的位置。

<html>
    <body>
        <header>
        </header>
        <section>
        </section>
        <section>
        <section>

html, body, header{
    height:100%;
}

section{
    height: 1000px;
}