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");
    }
});

包装功能包围

1 个答案: