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

使用固定高度有什么问题吗？离开height: 100%;并在overflow: auto上设置.pt-page可以让页面滚动过长。

能够在不使用固定高度的情况下滚动？

1 个答案: