прокрутка div над телом не работает на iPhone

У меня есть веб-сайт с меню. Иногда содержимое меню переполняется контейнером, и мне нужно, чтобы он был прокручиваемым. Он отлично работает на ПК. Тем не менее, на iphone происходит то, что, когда я пытаюсь прокрутить меню, он вместо этого прокручивает все тело. В результате весь вид перетаскивается вверх/вверх, выгружая серое пространство в верхней/нижней части экрана. Это происходит в основном в портретном режиме, по какой-то причине. В ландшафте, если я хожу легко на прокручивании, я могу прокручивать содержимое меню самостоятельно, пока остальная часть тела остается на месте.прокрутка div над телом не работает на iPhone

Может ли кто-нибудь помочь в этом?

спасибо !!

<html> 
<style> 
    #menu { 
     overflow: scroll; 
    } 
</style> 
<body> 
    <div id="menu"> 
     --content-- 
    </div> 
    <div id="mainPage"> 
     --content-- 
    </div> 
</body> 
</html>

источник

2014-10-05 yogev

Не могли бы вы поместить свой код uo? –

не очень ... это часть действительно огромного веб-приложения ... – yogev

Хорошо, когда вы к мобильному - это меню в стиле бокового выдвижного ящика, которое при прокрутке вам нужно только прокручивать меню, а не остальное вашей страницы? –

Эта ссылка может, возможно, поможет вам ... Надеюсь, что это помогает и удачи! :)

Background position not functioning as expected on Safari

Или просто добавьте это в классе Div в

фон-позиционно-х: 50%; (Это, надеюсь, решит вашу проблему с браузером Safari) background-position-y: 0%; (Это, надеюсь, решит вашу проблему с браузером Safari) background-position: center top; (Это должно работать на ПК)

источник

2014-10-05 11:09:20

спасибо, но у меня нет проблем с позиционированием .... просто прокрутка. – yogev

прокрутка div над телом не работает на iPhone

ответ

Смежные вопросы