html2canvas 停止滾動到頁面頂部

Question

我正在使用 html2canvas 進行截圖並附加圖像。 這些東西工作正常，但做完之后總是滾動到頁面頂部。 我需要根據 div id 或 class 滾動太平洋 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 設置為始終為 0 的 body 的 scrollTop 時。相反， document.body.scrollTop 根據類的 div ID 使用特定 pacific div 的 scrollTop。