2016-06-21 7 views
1

問題はこのページにあります:http://www.tagalogreader.com/document.php?id=28タッチデバイスに注釈を付けると、ページがスクロールしないようにするにはどうすればよいですか?

私はこれを使用しています:https://github.com/aron/annotator.touch.jsこれはhttps://github.com/openannotation/annotatorです。

私のipadを使用しているときに見つけた迷惑なバグは1つあります。テキストを強調表示して「注釈」をクリックすると、ボックスがポップアップしてメモを書きます。それが望ましい。しかし、次に何が起こるかは、記事の始めに何かを強調していたにもかかわらず、何とか私は記事の真ん中に自動的にスクロールされます。だから私はちょうど戻ってスクロールする必要があります。

この問題を解決するにはどうすればよいですか?ここで

+2

[、最小完全、かつ検証例]を追加してください(http://stackoverflow.com/help/mcve)のあなたの質問に発行してください。それが存在するので、あなたの質問に対する答えを提供するのに十分な情報がありません。 – JAL

+0

これがアノテーターまたはアノテーターtouchプラグインと何か関係があるかどうかを分離してみてください。ポップアップのCSSを確認し、iOS + Safariのバージョンに既知の問題があるかどうかを確認します。キーボードフォーカスをエディタに変更すると、Safariがスクロール位置を維持しようとしていて、エディタが固定位置にあるため、いくつかの問題が発生する可能性があります。 – tilgovi

+1

あなたのサンプルページに404が表示されます。 – jornare

答えて

2

は、Annotatorのエディタが表示されたときにスクロールバーを無効にするプラグインです:

/** 
* 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; 
}; 

それはJosh Harrisonによって書かれたjQueryのPluginに依存します。

用途:

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

デモ:http://jsbin.com/saratucapa/1/edit?js,output

関連する問題