Question

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

这个功能没有... 我应该尝试使用scrollBottom吗？ plz建议我使用代码，以便在页面底部显示的成功消息（仅在我的情况下只显示保存按钮的图片）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>

Answer 1

将此样式用于 table＃successfulSaved

position:fixed;bottom:0;

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

如果您还需要支持MSIE＆lt; 7，则必须通过将位置设置为取决于document.body.scrollTop的值来构建变通方法，因为MSIE在旧版本中不支持position:fixed。

即使在JS中单击“保存”按钮后仍保留垂直滚动位置

1 个答案: