向上滾動以突出顯示驗證失敗的div

Question

我有一個窗體（jsp頁面）幷包含顯示錯誤消息的div（如果有）。 當用戶提交表單時，驗證是在服務器端完成的，並且根據任何違規情況設置錯誤消息字段，該字段在div中使用struts屬性標籤顯示在JSP中。

現在的問題是，由於我的表單有很多字段，因此提交按鈕放置在下方，錯誤div位於表單上方，因此如果出現錯誤，則顯示消息，但用戶需要向上滾動以查看爲錯誤消息。 我需要的是，當錯誤發生時，頁面應該自動滾動並出現錯誤。

如果可能，我很滿意任何jquery或css解決方案。請幫忙。 謝謝

Answer 1

你可以使用ScrollTop函數來滾動到div。

$('#btnSubmit').on('click',function(){ 

//if is any error found. then do this 
    $(window).scrollTop($('#yourErrorDiv').offset().top); 
});