Question

我正在努力用JS编写的多步骤表单。我仍然在学习很多东西，并且在W3SCHOOL上发现了一个很好的多步表单示例。当您在表单的第一和第二步上添加更多“项目”并在表单的第一步骤上单击下一步按钮时，您最终会在表单的第二步的中间...

我应该写什么，以及在代码中的什么位置使其始终位于“页面”的顶部？预先谢谢你们！

Answer 1

要使内容始终显示在页面顶部，请使用链接中的#：

<a href="#">Go to top</a>

Answer 2

在这里，我给出了两个示例以滚动到页面顶部。

没有动画，没有任何脚本滚动顶部

注意：在这里，如果您将＃替换为某些特定部分或div ID（例如＃form-section等），则单击此链接时，它将滚动到该部分。
带有动画-使用脚本和CSS（建议）

注意：该示例您甚至可以在网站的任何位置使用滚动到页面顶部的

HTML

<a href="javascript:void(0);" class="scrollToTop">
    <span class="fa fa-arrow-up"></span> <!-- Here you can use any arrow icon or plain as well based on that make changes in CSS. Here for sample I've given font awesome icon -->
</a>

CSS


    .scrollToTop {
        z-index: 999;
        position: fixed;
        display: none;
        background: #000;
        border-radius: 4px;
        height: 45px;
        line-height: 45px;
        width: 45px;
        text-align: center;
        bottom: 30px;
        left: 10px;
        color: #fff;
        font-size: 18px;
    }

jQuery

<pre>
$(window).scroll(function(){ 
    if($(this).scrollTop() > 100){
        $('.scrollToTop').fadeIn();
    }else{
        $('.scrollToTop').fadeOut();
    }
});
$('.scrollToTop').click(function(){
    $('html, body').animate({scrollTop : 0},800);
    return false;
});
</pre>

JavaScript表单不会在下一步中滚动到顶部

2 个答案: