Javascript html2canvas stop滚动至页面顶部
我正在使用html2canvas进行截图和附加图像。这些工作正常,但完成后总是滚动到页面顶部。我需要根据div id或class滚动pacific div。以下是我使用的代码:Javascript html2canvas stop滚动至页面顶部,javascript,jquery,html2canvas,Javascript,Jquery,Html2canvas,我正在使用html2canvas进行截图和附加图像。这些工作正常,但完成后总是滚动到页面顶部。我需要根据div id或class滚动pacific div。以下是我使用的代码: html2canvas($('#preview_front'), { onrendered: function (canvas) { document.getElementById("image_reply").appendChild(canvas); $('#img_front'
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);
}
});
});
这对我不起作用。每次单击按钮时,都会在代码中将scrollPos设置为0。当您将scrollPos设置为scrollTop of body时,它始终为0。相反,document.body.scrollTop根据类的div ID使用特定pacific div的scrollTop