2012-11-28 2 views
1

저는 주로 전체 화면 WebView를 사용하고 있으며 텍스트 또는 이미지 줄은 화면의 절반이고 현재 스크롤 위치로 인해 절반 정도됩니다. 화면에 라인 &을 끼워 넣을 방법이 있습니까? JS를 사용하고 문서를 구문 분석하고 각 화면에 래퍼 div를 삽입하고 한 번에 하나씩이 래퍼 div를 숨기거나 표시하는 것이 해결책이라고 생각합니다.WebView : 콘텐츠가 화면의 절반 켜기/끄기를 방지합니까?

제 질문은 이것이 최고의 계획처럼 들리면 텍스트 단락이 x 줄로 감싸졌고 줄 바꿈이 발생한 위치를 어떻게 감지합니까? 반면에 단락 전체가 잘려나 간다면 단락을 발견하고 단락이 1 화면에 맞지 않을 경우 문제를 일으킬 수있는 단락을 다음 페이지에 표시 할 수 있습니다.

다음은 문제를 보여주는 이미지입니다. 상단의 이미지가 부분적으로 만 표시되고 텍스트의 하단도 부분적으로 표시됩니다.

! enter image description here

답변

0

매우 해키 완전히 테스트되지 않은,하지만이 동일 뷰포트 설정을 가지고

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

도움이 될 수 있습니다,이 측면에 클리핑하지만/바닥을 위로하지 않도록합니다. 내가 추가 한 그림을 보아라. – jamone

+0

이제 알았습니다. 사용자가 페이지를 얼마나 멀리 내려 왔는지 계산할 수 있습니다. $ .scrollTop()이 단락의 상단과 하단 사이에 있으면 숨기려고 할 수 있습니다. (또는 다음 페이지로 이동) – AlanH

관련 문제