<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<f:view contentType="text/html">
<h:head>
<f:facet name="first">
<h:outputScript library="primefaces" name="jquery/jquery.js"/>
<h:outputScript target="head">
$ = jQuery;
</h:outputScript>
</f:facet>
<script type="text/javascript">
function scrollToTop() {
$('html, body').animate({scrollTop: 0}, 'slow');
}
</script>
</h:head>
<h:body id="body">
<h:form id="form">
<p:layout id="layout" fullPage="true">
<p:layoutUnit id="mid" position="center" style="background: #125790; ">
<br></br><br></br><br></br><br></br><br></br><br></br>
<br></br><br></br><br></br><br></br><br></br><br></br>
<br></br><br></br><br></br><br></br><br></br><br></br>
<br></br><br></br><br></br><br></br><br></br><br></br>
<br></br><br></br><br></br><br></br><br></br><br></br>
<br></br><br></br><br></br><br></br><br></br><br></br>
<a href="javascript:scrollToTop()">Scroll to top</a>
</p:layoutUnit>
</p:layout>
</h:form>
</h:body>
</f:view>
</html>
滚动顶部不起作用。问题是什么?