在身体上滚动div不适用于iPhone

时间:2014-10-05 09:17:32

标签: html css iphone

我有一个带菜单的网站。有时菜单内容溢出了它的容器,我需要它可以滚动。 它在电脑上工作正常。然而在iphone上发生的事情是,当我尝试滚动菜单时,它会滚动整个身体。结果,整个视图被向下/向上拖动,陶醉在屏幕顶部/底部的灰色区域。 出于某种原因,这主要发生在肖像模式下。在风景中,如果我轻松滑动,我可以单独滚动菜单内容,同时保持身体的其余部分。

任何人都可以帮忙吗?

谢谢!


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

1 个答案:

答案 0 :(得分:0)

此链接可能对您有所帮助...希望它有所帮助并祝您好运! :)

Background position not functioning as expected on Safari

或者只是在div的类

中添加它

background-position-x:50%; (这有望解决您在Safari浏览器中遇到的问题) background-position-y:0%; (这有望解决您在Safari浏览器中遇到的问题) 背景位置:中心顶部; (这应该适用于PC)