java - 网页 View : prevent content from being half on/off the screen?

Question

我有一个几乎全屏的 WebView，并且由于当前的滚动位置，一行文本或图像通常会一半在屏幕上，一半关闭。有什么方法可以将线条和图像捕捉到屏幕上吗？我觉得解决方案可能是使用 JS 解析文档并在每个屏幕周围插入包装 div，并一次隐藏/显示这些包装 div。

所以我的问题是，如果这听起来是最好的计划，我如何检测一段文本是否换行到 x 行，以及换行发生在哪里？虽然我可以更轻松地检测整个段落是否会被剪切并在下一页上显示该段落，但如果一个段落不适合一个屏幕，则可能会导致问题。

这是显示问题的图像。请注意，顶部的图像仅部分显示，底部的文本行也部分显示。

!

Answer 1

非常老套且完全未经测试，但可能会有所帮助

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
    }
});