Javascript 返回顶部页面，平滑滚动

我在表单中有一个按钮，我想当这个按钮点击时，滚动回页面顶部。我的java脚本函数是：

function handleResponse() {
       window.scrollBy(0,0).fadeIn('smooth')
}

我的表格是：

 <p:commandButton icon="ui-icon-arrowthick-1-n" onclick="handleResponse" immediate="true"/>

---

但页面被刷新，而不是在顶部平滑地滚动，解决方案是什么？

尝试下面的代码。希望它能起作用

$("#handleResponse").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});

---

只需在

标记后添加以下内容：

<!--Back to top Button-->
    <a href="#" id="btt" title="Back to Top" style="display: none;"><span></span></a>
<!--Back to top Button-->

和脚本：

$(document).ready(function(){ 

$(window).scroll(function(){ 

    if ($(this).scrollTop() > 100) { 

        $('#btt').fadeIn(); 

    } else { 

        $('#btt').fadeOut(); 

    } 

}); 

$('#btt').click(function(){ 

    $("html, body").animate({ scrollTop: 0 }, 600); 

    return false; 

}); });

---

您的页面中是否包含jquery？和/或使用p:button而不是p:CommandButton不一定是最有效的，但它确实有效，而且运行良好。您可以使用window.scrollBy（0,0）.fadeIn（）；但它不会给你平滑的效果。@m.mahdavi它不会引用页面。如果你看到我让它返回false，你有jquery，因为你使用了PrimeFaces

$(document).ready(function(){ 

$(window).scroll(function(){ 

    if ($(this).scrollTop() > 100) { 

        $('#btt').fadeIn(); 

    } else { 

        $('#btt').fadeOut(); 

    } 

}); 

$('#btt').click(function(){ 

    $("html, body").animate({ scrollTop: 0 }, 600); 

    return false; 

}); });