javascript - 包装函数包围

Question

我对 javascript 很陌生，在这个多功能调用方面遇到了困难

这部分运行良好

$('.pages').live("swiperight", function () {  
    if (!menuStatus) {  
        $(".ui-page-active").animate({  
            marginLeft: "165px",  
        }, 300, function () {  
            menuStatus = true  
        });  
    }  
});  

我想添加

(document).scrollTop(0);  

这样，当菜单打开时，用户将被带到长页面的顶部......任何帮助将不胜感激......

Answer 1

您应该能够使用类似的东西来执行滚动:

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

因此，如果您想将其添加到当前函数中，如下所示:(您可以将其放置在您希望它出现的任何位置)

$('.pages').on("swiperight", function () {
    if (!menuStatus) {
        $(".ui-page-active").animate({
            marginLeft: "165px",
        }, 300, function () {
            menuStatus = true
        });
        //Perform scroll-to-top action
        $("html, body").animate({ scrollTop: 0 }, "slow");
    }
});

此外，这也应该有效(正如Jan提到的):

$('document').on("swiperight",".pages", function () {
    if (!menuStatus) {
        $(".ui-page-active").animate({
            marginLeft: "165px",
        }, 300, function () {
            menuStatus = true
        });
        //Perform scroll-to-top action
        $("html, body").animate({ scrollTop: 0 }, "slow");
    }
});