当我在触摸设备上进行注释时,如何阻止页面滚动?

时间:2016-06-21 23:31:41

标签: javascript jquery ios

问题出现在此页面上:http://www.tagalogreader.com/document.php?id=28

我使用此https://github.com/aron/annotator.touch.js与此https://github.com/openannotation/annotator

我在使用ipad时发现了一个令人烦恼的错误。当我突出显示某些文本然后单击"注释"弹出框以写一个笔记。这是期望的。但接下来发生的事情是,即使我在本文开头突出显示某些内容,我也会自动滚动到文章的中间位置。所以我只需要向上滚动。

如何解决此问题?

1 个答案:

答案 0 :(得分:2)

这是一个在显示Annotator Editor时禁用滚动条的插件:

/**
* Annotator Plugin to diasble scrollbar when Editor is shown
*/
Annotator.Plugin.DisableScroll = function (element, options) {
  var myPlugin = {};
  myPlugin.pluginInit = function () {
    // This annotator instance
    this.annotator
        .subscribe("annotationEditorShown", function (editor, annotation) {
          $(window).disablescroll();
        })
        .subscribe("annotationEditorHidden", function (editor) {
          $(window).disablescroll("undo");
        })
  };
  return myPlugin;
};

这取决于Plugin编写的jQuery Josh Harrison

<强>用法:

jQuery(function ($) {
    $('#content').annotator().annotator('addPlugin', 'DisableScroll');
});

演示: http://jsbin.com/saratucapa/1/edit?js,output