我有一个大多数全屏幕WebView,并且由于当前滚动位置,通常一行文本或图像将在屏幕上显示一半并关闭一半。是否有任何方法可以捕捉线条&图像到屏幕?我觉得解决方案可能是使用JS并解析文档并在每个屏幕周围插入包装器div并一次隐藏/显示这些包装器div。
所以我的问题是,如果这听起来像是最好的计划,我如何检测一段文字是否被包裹到x行,以及包装发生的位置?虽然我可以更容易地检测是否会剪切整个段落并在下一页显示该段落,如果段落不适合1个屏幕,则可能会出现问题。
这是显示问题的图像。看到顶部的图像仅部分显示,文本的底部行也部分显示。
!
答案 0 :(得分:0)
非常hacky且完全未经测试,但可能会有所帮助
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
}
});