Question

我想在单击按钮时滚动页面。如果没有sweetalert.js和sweetalert.css，下面的代码工作正常。首先页面滚动到顶部，但是当我从警告框中单击“确定”按钮时，页面会自动向下滚动。请从this链接下载sweetalert.js和sweetalert.css。

<html>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"> </script>
        <script src="js/sweetalert.min.js"></script>
    <link rel="stylesheet"  type="text/css" href="css/sweetalert.css"/>
    <script>
$(document).ready(function (){
    $("#click").click(function (){

        $('html, body').animate({
                    scrollTop: $("#div1").offset().top
                }, 2000);

        swal({
            title: "This is title",
            text: "Some error occurred",
            type: "error",
            confirmButtonText: "Ok"
        });
        window.scrollTo(0, 100);
            });
});
    </script>
    <div id="div1" style="height: 900px; width 100px">
    Div1 is here.
    </div>
    <br/>
    <div id="div2" style="height: 900px; width 100px">
    Div2 is here.
</div>
    <button id="click">Click here</button>
</html>

Answer 1

我不确定您的输出需要如何。但是滚动确认回调，当用户点击Sweetalert confrim警报时页面将会滚动。以下是编辑过的代码。

$(document).ready(function (){
    $("#click").click(function (){
        swal({
            title: "This is title",
            text: "Some error occurred",
            type: "error",
            confirmButtonText: "Ok"
        }, function(){
            $('html, body').animate({
                    scrollTop: $("#div1").offset().top
                }, 2000);
            window.scrollTo(0, 100);
        });
    });
});

或

点击
后，另一个黑客将它保持在顶部
$(document).ready(function (){ $("#click").click(function (){ $('html, body').animate({ scrollTop: $("#div1").offset().top }, 2000); swal({ title: "This is title", text: "Some error occurred", type: "error", confirmButtonText: "Ok" }, function(){ $('html, body').animate({ scrollTop: $("#div1").offset().top }, 100); }); }); });

jQuery滚动到不使用sweetalert.js的元素

1 个答案: