奇怪"滚动" iOS 9.2.1 / iPhone 5S上Chrome 48中的行为,当在第一页上向下滚动时从一个页面导航到另一个页面

时间:2016-01-31 13:25:18

标签: ios iphone google-chrome

我注意到当我在第一页上向下滚动时,我点击了一个链接,将我带到第二页,在第二页上,Chrome已经向下滚动了一下。它似乎向下滚动大约与我在第一页上向下滚动一样多。

这是设计还是为什么会这样?

第1页:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta name="viewport" content="initial-scale=1.0, width=device-width" />

    <link href="/bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />

</head>
<body>
    <a href="/pf.html">TAKE ME TO pf.html</a>
    <br /><br /><br /><br /><br /><br /><br />
    <a href="/pf.html">TAKE ME TO pf.html</a>
    <br /><br /><br /><br /><br /><br /><br />
    <a href="/pf.html">TAKE ME TO pf.html</a>
    <br /><br /><br /><br /><br /><br /><br />
    <a href="/pf.html">TAKE ME TO pf.html</a>
    <br /><br /><br /><br /><br /><br /><br />
    <a href="/pf.html">TAKE ME TO pf.html</a>
    <br /><br /><br /><br /><br /><br /><br />
    <a href="/pf.html">TAKE ME TO pf.html</a>
    <br /><br /><br /><br /><br /><br /><br />
    <a href="/pf.html">TAKE ME TO pf.html</a>
    <br /><br /><br /><br /><br /><br /><br />
    <a href="/pf.html">TAKE ME TO pf.html</a>
    <br /><br /><br /><br /><br /><br /><br />
    <a href="/pf.html">TAKE ME TO pf.html</a>
    <br /><br /><br /><br /><br /><br /><br />
    <a href="/pf.html">TAKE ME TO pf.html</a>
    <br /><br /><br /><br /><br /><br /><br />
    <a href="/pf.html">TAKE ME TO pf.html</a>
    <br /><br /><br /><br /><br /><br /><br />
    <a href="/pf.html">TAKE ME TO pf.html</a>
    <br /><br /><br /><br /><br /><br /><br />
    <a href="/pf.html">TAKE ME TO pf.html</a>
    <br /><br /><br /><br /><br /><br /><br />
</body>
</html>

第2页:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta name="viewport" content="initial-scale=1.0, width=device-width" />

    <link href="/bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />

</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <picture>
                    <source media="(min-width: 768px)"
                            srcset="/img/landscape/large.jpg 1772w,
                    /img/landscape/medium.jpg 886w,
                    /img/landscape/small.jpg 443w"
                            sizes="100w" />

                    <source srcset="/img/portrait/large.jpg 955w,
                    /img/portrait/medium.jpg 640w,
                    /img/portrait/small.jpg 320w"
                            sizes="100vw" />

                    <img class="img-responsive" src="/img/landscape/medium.jpg" alt="" />
                </picture>
            </div>
        </div>
    </div>
</body>
</html>

0 个答案:

没有答案