html2canvas stop滚动至页面顶部

Question

我正在使用html2canvas进行截图和附加图像。这些工作正常，但完成后总是滚动到页面顶部。我需要根据div id或class滚动pacific div。以下是我使用的代码：

html2canvas($('#preview_front'), {
    onrendered: function (canvas) {
        document.getElementById("image_reply").appendChild(canvas);
        $('#img_front').val(canvas.toDataURL("image/png"));
        var canvas = $('canvas');
        canvas.addClass('front_canvas');
    }
});

请尝试使用以下代码：

var scrollPos;
document.querySelector("screenshotButton").addEventListener("click", function () {
    scrollPos = document.body.scrollTop;
    html2canvas(document.body, {
        onrendered: function (canvas) {
            document.body.appendChild(canvas);
            window.scrollTo(0, scrollPos);
        }
    });
});

这对我不起作用。

Answer 1

每次单击按钮时，在代码中将scrollPos设置为0。当你设置scrollPos到scrollTop的身体总是0.取而代之document.body.scroll根据类的div ID使用特定太平洋div的scrollTop。