如何滚动浏览器窗口

Question

我使用扩展页面对话框验证了我的表单。当用户需要纠正输入时，我弹出带有错误消息的对话框。

对话框的按钮可以关闭对话框，并将重点设置为需要纠正的字段。

 var ef = dojo.byId(errorField);
 ef.focus();

这很好，除了......

我有一组按钮和一堆浮在表单顶部的其他组件。

它们在带有以下CSS的面板内。

 .PNCToolBar2 {
position:fixed;
top:68px;
left:0px;
width:100%;
height:40px;
color:#fff;
background-color:#F2F2F2;
padding-top:6.0px;
padding-left:15.0px
 }

发生的事情是，如果在"按钮栏"下将故障字段滚动滚动，则浏览器滚动稍微滚动以尝试将按钮转化为焦点，但还不够。根据用户在表单上滚动的浏览器的方式，按钮栏可能仍然隐藏了所有错误的字段或部分。

有没有办法首先知道该字段是否位于条下的浏览器窗口顶部，然后如果要使字段出现，则有点scoll？如果是这样？

Answer 1

尝试：

dojo.window.scrollIntoView(ef);

如果EF代表的DOM节点当前不在屏幕上，Dojo将足够滚动以使其滚动。

有关此方法的更多信息

Answer 2

使用JavaScript您可以使用scrollto（）方法http://www.w3schools.com/jsref/met_win_scrollto.asp