javascript - 当我在触摸设备上注释时如何阻止我的页面滚动？

Question

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

我正在使用这个:https://github.com/aron/annotator.touch.js有了这个https://github.com/openannotation/annotator .

我在使用 ipad 时发现了一个烦人的错误。当我突出显示一些文本然后单击“注释”时，会弹出一个框来写注释。这是我们想要的。但接下来发生的是，尽管我在文章开头突出显示了一些内容，但不知何故我会自动滚动到文章的中间。所以我只需要向上滚动。

我该如何解决这个问题？

Answer 1

这是一个在显示 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;
};

这取决于 jQuery Plugin由 Josh Harrison 撰写.

用法:

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

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