垂直父母和水平孩子？

我見過一些關於具有選擇性滾動功能的容器元素統一的例子，但它們都不是我正在尋找的。垂直父母和水平孩子？

基本上我正在使用SharePoint並試圖修改西雅圖masterpage來處理響應式網頁設計中未知大小的內容。一個例子是大型數據表。

我決定最好的選擇是在x軸上有一個滾動效果的固定寬度的內容，而實際的頁面部分將處理垂直滾動。這樣我的頁眉和頁腳就不會受到水平移動的影響，我也不會有任何奇怪的空白出現。

<div id='s4-workspace'> 
<div id='contentBox'> 
    <table> 
     <tbody> 
      <tr> 
       <td><div class='content'></div></td> 
       <td><div class='content'></div></td> 
      </tr> 
      <tr> 
       <td><div class='content'></div></td> 
       <td><div class='content'></div></td> 
      </tr> 
     </tbody> 
    </table> 
</div> 
</div>

但是具有觸摸屏交互時發生問題：所述內容容器內的交互時，除非我用兩個手指滾動我不能向上或向下滾動。

所以我們只是重申：在seattle母版頁上，我希望內容（#contentBox）負責處理overflow-x，而頁面（＃s4-workspace）將處理overflow-y。而且我希望頁面在我與內容進行交互時滾動，而無需在觸摸屏設備上使用兩根手指。

任何人都有這種情況，可以讓我走上正確的道路嗎？

預先感謝您。

來源

2013-12-18 Stoic Developer

：奇蹟就可以實現。。佈局？這是一個不好的做法。 –

@Diodeus：但我喜歡桌子，它做錯了什麼？ –

表是表格數據，不是佈局。對於不瞭解CSS如何工作的人來說，它們是一個柺杖。 –

這似乎我已經解決我自己的問題，而這又導致了新的化妝品的問題... :(

但不管，這些都是不同的缺陷，而且誰想要知道如何你爲什麼要使用表格-webkit-overflow-scrolling:touch;這是它流行的父容器上的風格和看到的美麗，是不是iOS原生

我只是希望這個作品與HTC平板

來源

2013-12-19 20:49:18

垂直父母和水平孩子？

回答

相關問題