页面滚动，保持页面垂直，而部分页面是水平的

我想创建一个页面，整个页面垂直长（超过3000像素），并且页面的一些可以滚动到原始页面之外宽度。我现在一直在寻找答案，我似乎无法让它正常工作。页面滚动，保持页面垂直，而部分页面是水平的

基本上，页面设置为只能查看宽度为1024像素。在页面的大约一半处，我希望它滚动所有4000像素的宽度并且具有768像素的设置高度。一旦用户超过该部分，宽度将回到原来的1024像素。总之，我就像一个T交叉口。

我只能使用HTML，CSS，JavaScript和jQuery。

2012-04-30 Felix Creencia

它不能真正完成。无论何时，只要您满意，您都无法改变文档的大小，使其满意。然而，任何事情都是可能的，你可以通过控制不同级别的滚动条来使文档成为T的幻觉。查看关于滚动的其他问题，特别是jQuery的'on（'scroll'，function（）{}）'和'scollTop'属性。通过控制这些，您可以更改文档中不同级别的溢出属性。 – adeneo

我正在重新思考这个想法，我想过如何使用iframe标签。我可以在给定的框架内使用滚动条。我的问题是我从来没有使用过iframe。对于所有这些仍然是新东西，似乎无法使其正确编码，因此显示出来。感谢您的回复:)将回头看看是否有其他人有办法做到这一点。我也在寻找视差滚动。 –

溢出CSS属性为您提供了直接在div内嵌入滚动条的可能性。您可以通过将第二部分的内容扩大并使用此属性来创建页面。

HTML：

<section> 
    <div class="wider"> 
     <!--Your wider content--> 
    </div> 
</section>

CSS：

section{ 
    overflow-x: scroll; 
    overflow-y: hidden; 
} 

.wider{ 
    width: 200%; 
}

这里是一个演示：http://jsfiddle.net/y42Dw/

来源

2013-11-08 10:16:32

页面滚动，保持页面垂直，而部分页面是水平的

回答

相关问题