iOS Safari가 뷰포트보다 큰 프레임 셋을 확장합니다.

가로 분할이 포함 된 프레임 세트가있는 웹 페이지에서 작업하고 있습니다. 왼쪽 메뉴와 내용 영역을위한 사이드 바. (사파리 포함) 데스크톱 브라우저에서iOS Safari가 뷰포트보다 큰 프레임 셋을 확장합니다.

<!DOCTYPE html> 
<html> 
<head> 
    <title>Frameset Test</title> 
</head> 

<frameset border="0" cols="100,*"> 
    <frame id="SideMenu" name="SideMenu" src="SideMenu.html" scrolling="no" /> 
    <frame id="MainPage" name="MainPage" src="LongPageContent.html" scrolling="auto" /> 
</frameset> 
</html>

는 프레임은 뷰포트의 크기로 설정하고 스크롤바는 MainPage 프레임의 긴 페이지 콘텐츠를 나타납니다. iOS의 Safari에서 프레임 세트는 MainPage 프레임의 내용과 동일한 크기로 확장되어 표시되는 뷰포트를 넘어 확장됩니다.

MainPage의 내용에 관계없이 페이지 크기가 뷰포트와 동일하게 유지되도록 이전 동작을 원합니다. 뷰포트 메타 태그로 둘러 보았지만 뷰포트를 조정해도 프레임 셋 동작이 수정되지 않습니다.

Apple의 iOS 가이드 라인은 스크롤링이 더 복잡하기 때문에 (프레임에서 두 손가락 스크롤링이 필요함) 프레임을 피하는 것이 좋지만 프레임을 버리는 것은 좋은 방법이 아닙니다.

출처

2011-01-20 timbonicus

사파리 웹 컨텐츠 가이드는 이것이 정상적인 동작임을 나타냅니다. 프레임이 확장되어 내용을 포함하므로 스크롤 할 수 없습니다.

죄송하지만 프레임을 버리십시오.

각 페이지에 사이드 나비를 코딩하거나 (끔찍한 경우) SideMenu의 내용을 동적으로 열에로드하는 PHP에 함께 넣을 수 있습니다.

출처

2011-02-28 18:15:55

AFAIK, <frame> 및 두 손가락 스크롤 동작이 중단되었습니다. iOS 4.X 이후 요소는 이제 콘텐츠 크기에 맞게 크기가 조정됩니다.

position:fixed;은 iOS에서 작동하지 않으므로 사이드 스크롤을 허용하도록 사이드 메뉴 프레임을 차단할 수 없습니다. 난 그냥이 질문에, 같은 issue.http와 느릅 나무 거래를 발견 http://cubiq.org/iscroll

출처

2011-03-02 16:37:57

는

이 라이브러리는 흥미로운 해결 방법을 제공하는 것 //stackoverflow.com/questions/4599153/iframes-and-the-safari - ipad-how-can-the-user-scroll-the-content –

iOS Safari가 뷰포트보다 큰 프레임 셋을 확장합니다.

답변

관련 문제