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

时间:2014-06-03 12:49:12

标签: javascript jquery html css

我的婚礼邀请网站有问题。顶部显示100%高度,您需要向下滚动。

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

我猜它是由100%的身高引起的。有人知道如何让它与iOS一起工作吗?

代码示例:http://jsfiddle.net/ysLfL/

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

...

的CSS:

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

section{
    height: 1000px;
}

标题显示正常,但我无法滚动到下一部分。

1 个答案:

答案 0 :(得分:0)

通过替换skrollr-body id解决了问题,它被放置在body标签中,导致问题....