html2canvas停止滚动到页面顶部

问题描述 投票:0回答:1

我正在使用html2canvas进行屏幕截图并附加图像。这些工作正常,但是执行完之后始终滚动到页面顶部。我需要根据div ID或类滚动太平洋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);
       }
    });
 });

这对我不起作用。

javascript jquery html2canvas
1个回答
0
投票

每次单击按钮时,都会在代码中将scrollPos设置为0。当您将scrollPos设置为body的scrollTop时,始终为0。相反,document.body.scrollTop会根据类的div ID使用特定太平洋div的scrollTop。]

© www.soinside.com 2019 - 2024. All rights reserved.