휴대 기기에서 스크롤이 작동하지 않습니다.

-1

해결책이 없습니다. 내 페이지가 휴대 기기에서 스크롤되지 않습니다 (iPhone 6 테스트).휴대 기기에서 스크롤이 작동하지 않습니다.

여기에 구조

<html> 
    <body> 
    <header></header> 
    <div id ="content"></div> 
    </body> 
</html>

사업부 "내용"에 대한 콘텐츠를 포함하지 않는 10000px 높이 (내용의 많은)

다른 페이지가 완벽하게 스크롤되는입니다. 그래서 div 콘텐츠의 오버플로가있는 것으로 생각됩니다.

오버 플로우 자동, 스크롤, 높이 100 % 높이 100vh의 html 본문 및 내용을위한 combinaison을 많이 시도했지만 컴퓨터와 iPhone에서 모두 작동하는 적절한 솔루션을 얻을 수 없습니다. 때로는 iPhone에서 스크롤하는 경우도 있지만 스크롤 막대 두 개와 컴퓨터가있는 경우 스크롤하는 경우가 있지만 헤더 (헤드 룸과 함께 사라져야한다고 가정)가 여기에 머물러 있습니다.

도움이됩니다.

http://liveweave.com/4gBZxB

출처

2016-07-22 Léo Coco

문제를보다 구체적으로 재현 할 수 있습니까? 데모 또는 재생 가능한 코드가 없으면 어둠 속에서 많은 장면을 만들지 않고 잘못 될 수있는 것을 파악하기가 어렵습니다. – Aeolingamenfel

라이브 매브를 저장 했습니까? 이 링크를 클릭하면 상용구 웹 페이지로 이동합니다. – Aeolingamenfel

내가 그랬어, 새로운 걸 시도해? –

문제가 해결 주셔서 감사합니다. 그것은 CSS도 HTML도 JS가 아니 었습니다.

나는 touchSwipe를 사용했으며 스 와이프 이벤트를 적용한 div에서 기본적으로 페이지 스크롤을 비활성화합니다.

출처

2016-07-27 16:26:46

휴대 기기에서 스크롤이 작동하지 않습니다.

답변

관련 문제