Question

我有一个带滚动的Html页面，我想在页面启动时（onload）将焦点放在页面的60％parox（y轴）中。这意味着自动滚动页面的60％。

这可能吗？三江源

Answer 1

试试这个网站： link text

这应该有效！

Answer 2

function pageScroll() {
    var height = document.documentElement.clientHeight;
    window.scrollBy(0, Math.floor(0.6 * height)); // horizontal and vertical scroll increments
}

window.onload = pageScroll;

Answer 3

使用jQuery及其scrollTop方法：

function loadedScroll() {
  $(window).scrollTop(0.6*$(document).height());
}
window.onload = loadedScroll;

然后在页面加载完成后滚动到文档高度的0.6倍。：）

Answer 4

您可以使用window.scrollBy（）方法：

http://www.mediacollege.com/internet/javascript/page/scroll.html

或者使用scrollTo jQuery插件，它可以提供更大的灵活性。

http://plugins.jquery.com/project/ScrollTo

Answer 5

<html>
    <head>
        <script>
            scroller = function() {
                bodyHeight = Math.max(
                    Math.max(document.body.scrollHeight, document.documentElement.scrollHeight),
                    Math.max(document.body.offsetHeight, document.documentElement.offsetHeight),
                    Math.max(document.body.clientHeight, document.documentElement.clientHeight)
                );
                scrollToPosition = Math.floor(bodyHeight / 100 * 60);
                window.scrollTo(0, scrollToPosition);
            }
        </script>
    </head>
    <body onload="scroller()">
    </body>
</html>

Answer 6

根据您要显示的内容，您可以向内容添加ID选择器，然后使用网址跳过页面，例如。

<div id="content">
  <!--Content Goes Here -->
</div>

使用以下命令打开页面：

http://www.mysite.com/mysite.html#content

另一个例子是：

start html page scrolled

启动html页面滚动

6 个答案: