iOS Safari - 將位置元素置於視口之外

我想知道是否可以在iOS6中將視口外的元素置於position: absolute;之外。iOS Safari - 將位置元素置於視口之外

即使當我使用<meta name="viewport" content="width=640, maximum-scale=0.5, initial-scale=0.5, minimum-scale=0.5" />時，如果一個元素的位置與right: 0; margin-right: -100px;（視口中的100px之外）一樣，它使視口具有更多寬度。

iOS試圖將這個元素包含在不是我想要的視口中。我想讓它部分可見並部分隱藏。 iOS添加了水平滾動條，幷包含了應該隱藏的元素的一部分。

來源

2013-03-10 Atadj

是的，這就是，如果你使用的包裝用overflow: hidden

這個例子顯示了一個紅色的長方形100x100px是位置50像素的視口的權利，不需對視，包括它。

創建一個容器#limit對齊到視口的右側。防止內容通過設置溢出來放大視口。

<!DOCTYPE html> 
<html> 
    <head> 
     <style type="text/css"> 
      #limit { 
       position: absolute; 
       top: 0px; 
       right: 0px; 
       width: 100px; 
       height: 100px; 
       overflow: hidden; 
      } 

      #offset { 
       position: absolute; 
       top: 0px; 
       right: -50px; 
       width: 100px; 
       height: 100px; 
       background: #f00; 
      } 
     </style> 
    </head> 
    <body> 
     <div id="limit"> 
      <div id="offset"> 
       Hello 
      </div> 
     </div> 
    </body> 
</html>

來源

2013-03-11 17:08:01 Eloff

iOS Safari - 將位置元素置於視口之外

回答

相關問題