Question

我正在尝试在加载前将页面滚动50px。但它在运行代码之前总是等待体载。

我不太确定是什么原因，我似乎记得在解析时跑步。

我尝试了jquery和普通javascript，这是我的代码：

$(document).scrollTop('50');
window.scrollBy(0,50);

如何在身体负荷之前使其发挥作用？

Answer 1

当你打电话给事件时没有身体，所以什么都不会发生一个方法就是设置身体的高度，使得一些常数为
并在正文标记上添加onLoad事件

<script>
SomeFunction(){
 //scrollNow
}
</Script>
<body onLoad="SomeFunction()" style="height:500px;"></body>

Answer 2

找到一个有效的解决方案，也许有人会找到更清洁的解决方案。这甚至可以在onload之前滚动页面：

document.writeln('&nbsp;');
document.body.style.height = '5000px';
$(window).scrollTop(50);

Test script here

Answer 3

1. Create css offset class and assign to the body

    .offset{
         margin-top:-500px;
        }

    So that body will be loaded with 500px offset from top

    2. Then add following code to the body

        <body class="offset" onLoad="window.scroll(0, 150)">

    3. then using jquery, remove offset class when page is loaded

        $(document).ready(function(){
         $(".row").removeClass("offset");
        });

这将有效http://www.frameinn.com/thatisuday/about

如何在加载之前用javascript滚动页面？

3 个答案: