iPhone Safari overflow:hidden에서 <body>작동 합니까 ? 그렇지 않은 것 같습니다. 나는 그것을 달성하기 위해 전체 웹 사이트에 래퍼를 만들 수 없습니다 …
당신은 해결책을 알고 있습니까?
예 : 긴 페이지가 있고 단순히 “폴드”아래에있는 컨텐츠를 숨기고 싶다면 iPhone / iPad에서 작동해야합니다.
답변
나는 비슷한 문제가 있었다 및 적용 것을 발견 overflow: hidden;모두 html와 body내 문제를 해결했다.
html,
body {
overflow: hidden;
} iOS 9의 경우 대신 이것을 사용해야 할 수도 있습니다 .
html,
body {
overflow: hidden;
position: relative;
height: 100%;
}답변
body {
position:relative; // that's it
overflow:hidden;
}답변
여기에 나열된 일부 솔루션에는 탄성 스크롤을 늘릴 때 이상한 결함이있었습니다. 내가 사용한 것을 고치려면 :
body.lock-position {
height: 100%;
overflow: hidden;
width: 100%;
position: fixed;
}출처 : http://www.teamtownend.com/2013/07/ios-prevent-scrolling-on-body/
답변
오늘 iOS 8 & 9 에서이 문제가 있었으며 이제 높이를 추가해야합니다 .100 %;
그래서 추가
html,
body {
position: relative;
height: 100%;
overflow: hidden;
}답변
여기에 답변과 의견을 결합하고 여기에 비슷한 질문이 있습니다. 나에게 도움이되었습니다.
전체 답변으로 게시하십시오.
<body>태그 내에서 사이트 콘텐츠 주위에 래퍼 div를 배치하는 방법은 다음과 같습니다 .
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- other meta and head stuff here -->
<head>
<body>
<div class="wrapper">
<!-- Your site content here -->
</div>
</body>
</html>아래와 같이 랩퍼 클래스를 작성하십시오.
.wrapper{
position:relative; //that's it
overflow:hidden;
}나는 또한 이 대답에서 아이디어를 얻었습니다 .
그리고이 대답은 또한 생각할만한 음식을 얻었습니다. 아마도 데스크톱과 장치 모두에서 똑같이 잘 작동 할 것입니다.
답변
Safari 브라우저에서 작동합니다.
html,
body {
overflow: hidden;
position: fixed
}답변
나를 위해 :
height: 100%;
overflow: hidden;
width: 100%;
position: fixed;충분하지 않아서 Safari의 iOS에서 작동하지 않았습니다. 또한 추가해야했습니다.
top: 0;
left: 0;
right: 0;
bottom: 0;잘 작동하도록 잘 작동합니다 🙂
