ScrollBooster弹回初始位置

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

我正在使用ScrollBooster javascript插件(https://github.com/ilyashubin/scrollbooster)通过拖动滚动来在PDFJS画布内导航。

[有点用,但是我有一个大问题:当我拖动滚动时,当我向上拖动鼠标时,画布会弹回到它的初始位置。

vars声明(对于此示例):

var idViewPortScroll = "idViewPortScroll";
var idContentScroll = "idContentScroll";
var idCanvas = "idCanvas";

创建html的代码:

$('<div>').attr('id', idViewportScroll).append(
    $('<div>').attr('id', idContentScroll).append(
        $("<canvas>")
            .attr("id", idCanvas)
            .css({
                margin: "auto",
                display: "block"
             })
     )
 )
 .css({
     "max-height": "580px",
     "width": "100%",
     overflow: "scroll",
     "background-color": "lightgrey"
 })

JavaScript代码(ScrollBooster):

// SCROLL
var viewportScroll = document.getElementById(idViewportScroll);

scr = new ScrollBooster({
  viewport: viewportScroll,
  emulateScroll: true,
  onUpdate: function (data) {
    viewportScroll.scrollTop = data.position.y
    viewportScroll.scrollLeft = data.position.x
  }
})
scr.setPosition({ x: 100, y: 100 })

有人解决方案吗?我真的希望我的用户能够通过在内部拖动来浏览我的PDF

(对不起,我的英语,这不是我的母语)

javascript scroll drag pdfjs
1个回答
0
投票

我发现的解决方案是简单地删除ScrollBooster并改用Grab To Pan插件。

https://github.com/Rob--W/grab-to-pan.js/

完美工作

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