javascript - 即使单击JS中的“保存”按钮，也要保留垂直滚动位置

function successfullySaved()
{
document.getElementById("successfullySaved").value.focus();
}

此功能不起作用。
我应该尝试使用scrollBottom吗？
请给我代码，以便成功的消息（在我的情况下仅在单击“保存”按钮时出现在图片中）在shd的底部显示，即使单击“按钮”后，滚动条仍保持在相同位置。

<td style="padding-left: 345px">
                            <button  class="save" type="button" title="Save" id="Save" name="Save" onclick="javascript:validateSettings(),successfullySaved('successfullySaved');">
                                    <spring:message code="button.save"/></button>
                        </td>
<table id="successfullySaved">
 <c:if test="${saveSuccess eq true}">
  <tr> <td>
 <spring:message code="security.successful.save"/>              </td>
   </tr>
</c:if>
</table>

最佳答案

将此样式用于表格＃成功保存

position:fixed;bottom:0;

在这种情况下，无需设置焦点，该消息将始终显示在视口的底部。

如果您还需要支持MSIE document.body.scrollTop的值来构建变通方法，因为MSIE在较早版本中不支持position:fixed。