div的滾動體在iPhone上不起作用

我有一個帶菜單的網站。有時菜單內容溢出它的容器，我需要它來滾動。它可以在PC上正常工作。然而，在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？ – 2014-10-05 10:23:16

不是真的...這是一個非常龐大的web應用程序的一部分... – yogev 2014-10-05 12:07:29

好吧，當你的手機是你的菜單側抽屜樣式之一，當您滾動您只需要在菜單中滾動，而不是休息你的頁面？ – 2014-10-05 12:10:01

此鏈接可能可能幫助你...希望它能幫助，祝你好運！ :)

Background position not functioning as expected on Safari

或者只是在div的類中添加這個

背景位置-X：50％; （這將有望通過Safari瀏覽器解決您的問題） background-position-y：0％; （這將有望通過Safari瀏覽器解決您的問題） background-position：center top; （這應該在個人電腦上工作）

來源

2014-10-05 11:09:20

謝謝，但我沒有定位問題....只是滾動。 – yogev 2014-10-05 12:08:12

div的滾動體在iPhone上不起作用

回答

相關問題