1

私はほとんど全画面表示の WebView を使用していますが、多くの場合、現在のスクロール位置により、テキスト行または画像の半分が画面上に表示され、半分が表示されません。線と画像を画面にスナップする方法はありますか? 解決策は、JS を使用してドキュメントを解析し、各画面にラッパー div を挿入し、これらのラッパー div を一度に 1 つずつ表示/非表示にすることだと思います。

だから私の質問は、これが最善の計画のように聞こえる場合、テキストの段落が x 行数に折り返されているかどうか、および折り返された場所をどのように検出するかということです。段落全体が切り取られるかどうかをより簡単に検出し、その段落を次のページに表示すると、段落が 1 つの画面に収まらない場合に問題が発生する可能性があります。

これが問題を示す画像です。上の画像は部分的にしか表示されておらず、下のテキスト行も部分的に表示されています。

!ここに画像の説明を入力

4

1 に答える 1

0

Very hacky and completely untested, but might be helpful

var baseOfScreenPosition = $.scrollTop() + $(window).height();

$(".book_paragraph).each( function(i) { 
var topOfParagraph = $(this).offset().height;
    var bottomOfParagraph = topOfParagraph + $(this).height();

    if( baseOfScreenPosition > topOfParaGraph && baseOfScreenPosition < bottomOfParagraph)
    {
    // do something
    }
});
于 2012-11-28T18:38:56.577 に答える