Question

我在表单中有一个提交按钮，并已将jQuery实现回顶部。

它工作正常但是当我按下提交按钮时，它会忽略我的一个字段所需的字段属性。

如果我从提交按钮中删除了backtotop id，我可以看到所需的字段错误。

如果我在提交按钮上添加backtotop id，它就不会提交表单。

我缺少什么？

<form action="" method="post">
    <input type="text" name="fname" required>
    <input type="submit" id="backToTop" class="button" value="Register">
</form>

jQuery(document).ready(function ($) {
    $(window).scroll(function () {
        if ($(this).scrollTop() > 50) {
            $('#backToTop').fadeIn('slow');
        } else {
            $('#backToTop').fadeOut('slow');
        }
    });
    $('#backToTop').click(function () {
        $("html, body").animate({
            scrollTop: 0
        }, 100);
        return false;
    });
});

Answer 1

点击处理程序中的return false会阻止表单提交。如果您希望提交表单，则必须return true;。

Answer 2

其他东西干扰请使用JSFiddle，可能会看看你的CSS。

关于滚动到前50名，请注意并非所有用户都具有相同的分辨率。你需要检测增量。

scrollbartarget/Scrollbarheight = location

除非您希望阻止表单在您的单击处理程序中提交return true。

回到顶部不关注所需的领域

2 个答案: