2

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

这可能吗？谢谢你

4

6 回答 6

2

试试这个网站： 链接文本

那应该工作！

于 2010-05-20T10:17:36.193 回答
1 
function pageScroll() {
    var height = document.documentElement.clientHeight;
    window.scrollBy(0, Math.floor(0.6 * height)); // horizontal and vertical scroll increments
}

window.onload = pageScroll;
于 2010-05-20T10:11:04.707 回答
0

根据您要显示的内容，您可以将 id 选择器添加到您的内容中，然后使用 url 让页面跳转到它们，例如。

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

并使用以下命令打开页面：

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

另一个例子是：

开始html页面滚动

于 2010-05-20T11:08:56.300 回答
0

使用jQuery及其scrollTop方法：

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

然后当页面完成加载时，它会滚动到文档高度的 0.6 倍。:)

于 2010-05-20T10:07:09.947 回答
0

您可以使用 window.scrollBy() 方法：

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

或者使用 scrollTo jQuery 插件，它给你更多的灵活性。

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

于 2010-05-20T10:08:11.860 回答
0 
<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>
于 2010-05-20T10:27:22.980 回答