無需使用固定高度即可滾動嗎？

Question

我有一個頁面，它利用CSS轉換從一個部分滑動到另一個部分。不過，我將高度設置爲100％並溢出，以便幻燈片填滿屏幕。但是這意味着如果內容更長，那麼您看不到它。

我創建了一個的jsfiddle你可以在http://jsfiddle.net/6mesm/

body { 
    font-family: 'Lato', Calibri, Arial, sans-serif; 
    color: #fff; 
    background: #333; 
    overflow-x: hidden;overflow-y: visible; 
} 

.pt-wrapper { 
    position: relative; 
    width: 100%; 
    height: 100%; 
} 

.pt-page { 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
    visibility: hidden; 
    overflow: hidden; 
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility: hidden; 
    backface-visibility: hidden; 
} 

看到什麼是能夠解決的滾動問題沒有固定的高度，使背景色彩仍然充滿整個的最佳方式屏幕？

Answer 1

使用固定高度有什麼問題嗎？在.pt-page上留下height: 100%;和設置overflow: auto可以讓頁面滾動過長。