可折叠点击后滚动到顶部

Question

我使用材料css可折叠。我想在任何项目展开或关闭时滚动到顶部。

$(document).ready(function () {
    $('.collapsible-header').click(function (e) {
        $("html, body").animate({
            scrollTop: 0
        }, 600);
    });
});

Answer 1

你必须使用这样的选项：

$('.collapsible').collapsible({
    onOpen: function(el) { $("html, body").animate({ scrollTop: 0 }, 600); }, // Callback for Collapsible open
    onClose: function(el) { $("html, body").animate({ scrollTop: 0 }, 600); } // Callback for Collapsible close
});

希望这会有所帮助

Answer 2

.Scrolltop（）函数在jQuery中可用

请参阅与scrolltop相关的jQuery文档 https://api.jquery.com/scrollTop/