javascript - JSF scroll bar at the top of the page - Stack Overflow

admin管理员组

文章数量:1349699

I was wondering how to make the scroll bar of the browser. go to top of page. I am developing a registration screen that is too big, and it contains some fields that are needed. It displayed an error message to the user if the required fields are not informed. The problem is that the scroll bar does not go up, and I want her to go to the top of the page. I'm using Primefaces and JQuery, but no this working.

I was wondering how to make the scroll bar of the browser. go to top of page. I am developing a registration screen that is too big, and it contains some fields that are needed. It displayed an error message to the user if the required fields are not informed. The problem is that the scroll bar does not go up, and I want her to go to the top of the page. I'm using Primefaces and JQuery, but no this working.

• javascript
• jquery
• jsf
• primefaces
• omnifaces

Share Improve this question Follow edited Feb 15, 2013 at 12:43 Alfaville asked Feb 14, 2013 at 19:59 AlfavilleAlfaville 55377 silver badges1616 bronze badges 1

• correcting: I want the scrollbar climb to the top of the page, for to do so in jsf this a little tricky. Thank you ... =] – Alfaville Commented Feb 15, 2013 at 11:47

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

<div id="msg">

Content page

 onclick="javascript:window.location='#msg'"

I must say that your question looks like some discussion between two people, but I will try to give an answer. I suppose you have p:mandButton for submit the form.

First add JavaScript function:

<script type="text/javascript">
  function handleResponse(xhr, status, args) {
    if (args.validationFailed) {
      window.scrollTo(0, 0);
    }
  }
</script>

validationFailed is callback parameter which is added implicitly by PrimeFaces in case hen validation fails.

Now, mandButton:

<p:mandButton value="Submit" actionListener="#{myBean.submit}" onplete="handleResponse(xhr, status, args)"/>

This will call JavaScript function after AJAX request is pleted.

This is as much as I can suggest, you didn't provide much information. Adapt this code to your needs.

本文标签： javascriptJSF scroll bar at the top of the pageStack Overflow