Java WebView:防止内容在屏幕上半开半关?
我有一个大部分是全屏的网络视图,通常一行文本或图像会半开半关,因为当前的滚动位置。有没有办法将线条和图像捕捉到屏幕上?我觉得解决方案可能是使用JS解析文档,在每个屏幕周围插入包装div,并一次隐藏/显示一个包装div 所以我的问题是,如果这听起来像是最好的计划,我如何检测一段文字是否被包装成x行,以及包装发生在哪里?虽然我可以更容易地检测整个段落是否会被剪裁,并在下一页显示该段落,但如果一个段落不适合在一个屏幕上显示,则可能会导致问题 这是一张显示问题的图片。请参见顶部的图像仅部分显示,文本的底部也部分显示Java WebView:防止内容在屏幕上半开半关?,java,javascript,android,web,Java,Javascript,Android,Web,我有一个大部分是全屏的网络视图,通常一行文本或图像会半开半关,因为当前的滚动位置。有没有办法将线条和图像捕捉到屏幕上?我觉得解决方案可能是使用JS解析文档,在每个屏幕周围插入包装div,并一次隐藏/显示一个包装div 所以我的问题是,如果这听起来像是最好的计划,我如何检测一段文字是否被包装成x行,以及包装发生在哪里?虽然我可以更容易地检测整个段落是否会被剪裁,并在下一页显示该段落,但如果一个段落不适合在一个屏幕上显示,则可能会导致问题 这是一张显示问题的图片。请参见顶部的图像仅部分显示,文本的底
! 非常粗糙,完全未经测试,但可能会有所帮助
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
}
});
我的视口设置与此相同,这可以防止在侧面进行剪裁,但不能在顶部/底部进行剪裁。看我添加的图片。好的,我现在明白了。您可以尝试计算用户在页面上的浏览量。如果$.scrollTop位于段落的顶部和底部之间,您可以尝试隐藏它。或者将其移动到下一页