JQuery Mobile的滾動視圖適合屏幕高度

我想要scrollview的JQuery Mobile適合屏幕高度。JQuery Mobile的滾動視圖適合屏幕高度

我想要三行項目，當頁面調整大小時，項目的高度應該自動改變。

這是我scrollview container CSS代碼：

.threeByThree { 
     border: solid 0px black; 
     background-color: #ccc; 
     overflow: hidden; 
     width: 100%; 
     height: 80%; 
     padding-top:10px; 
     padding-left:10px; 
    }

，這是元素的內部scrollview CSS代碼：

.square { 
     width: 200px; 
     height: 30%; 
     border: solid 0px #333; 
     text-align: center; 
     line-height: 100px; 
     font-size: 20px; 
     margin: 10px 10px 10px 10px; 
    }

而且頁面和內容元素是這個CSS代碼：height:100%。

我的完整頁面代碼是here。

但它不能正常工作。當我改變瀏覽器的高度（通過調整瀏覽器大小），有時會出現一個滾動條，並且元素沒有正確調整大小...

問題是什麼？

來源

2012-06-29 Mahdi Ghiasi

您正在使用scrollview，Jquery Mobile不再支持此功能。嘗試以下任何一項：

Overthrow - 應該是向上遵循滾動型
JQM iscrollview - 另一種選擇

來源

2012-06-29 12:33:42 frequent

謝謝！但請閱讀：http://stackoverflow.com/questions/11262644/horizontal-scrolling-with-mouse-wheel-with-overthrow-plugin –

JQuery Mobile的滾動視圖適合屏幕高度

回答

相關問題