滚动条仅在一个div而不是整个身体上

Question

我有一个问题，我正在为一个朋友制作一个网站，他想要一个水平的单页网站， 但我有一个问题，我想像这样创建它，你可以滚动页面垂直，如果页面比屏幕更长，但我想滚动条在div而不是整个身体内容。

我用滚动条快速创建了一个图像。 并且在这一刻，如果一个页面比另一个页面长，那么如果它在整个身体上完成，则所有其他页面都具有相同的高度。

图片：

实例： http://onepage.ringocontent.com/

实例是我如上所述，如果只有一个页面溢出高度，所有页面的高度都相同。

Answer 1

我认为你在这里寻找的是元素的溢出属性。特别是溢出。

如果你申请

overflow-y: auto;

到#page div然后你会得到一个div内部的滚动条，当且仅当你内部的内容溢出div的高度时。

如果您在页面右侧看到一个滚动条，那么您将div #page height设置得太高，尝试减小该div上的高度，直到滚动条消失为止。

Answer 2

将其添加到样式表可以解决问题：

<style> 
    #home, #blog, #info, #contact { 
        overflow-y: scroll; 
        height: 500px; 
    } 
    #page { 
        height: auto; 
    } 
</style>