Javascript 加载时自动滚动以显示所有页面

我这里有一个JSFIDLE--有一个绝对定位的橙色盒子：

div#box2 {
    width:150px;
    height: 150px;
    background-color:orange;
    border:1px solid black;
    position:absolute;
    top:-50px;
    right:400px;
}

目前，该框在页面顶部上方偏移了50px，因此我们只能看到150px框的底部100px。我想加载页面，使其自动滚动显示所有框。这可能吗

谢谢你考虑过了吗

---

您不能真正滚动页面，但可以滚动页面中的对象；或者您想滚动

正文

：

$('body').css('position','relative').animate({top:'50px'})

---

使用新标准，您可能希望扫描所有图元的偏移并进行相应调整：

var min = { top: 0, $el: {} };

// Scan all Elements
$('body *').each(function () {
    var $this = $(this),
        _top = $this.offset().top;

    if (_top < min.top) {
        min.top = _top;
        min.$el = $this;
    }
});

// Adjust Accordingly
$('body').css('position', 'relative').animate({
    top: (min.top * -1) + 'px'
})

var-min={top:0，$el:{}；
//扫描所有元素
$（'body*'）。每个（函数（）{
变量$this=$（this），
_top=$this.offset（）.top；
如果（顶部<最小顶部）{
min.top=_top；
最低$el=$this；
}
});
//相应调整
$（'body'）.css（'position'，'relative'）。设置动画({
顶部：（最小顶部*-1）+“px”
})

---

您还可以研究javascript scrollBy函数。它只有在你的滚动条存在的情况下才能工作，我无法让它向上滚动，只能向下滚动。好的，看起来很有希望。还有一个细节。我不知道正确的移动量是50像素。有人可能把元素放在任何地方。我需要感测页面上最高的东西，然后滚动到查看端口。