滑动整个网页

Question

有没有办法模仿"滑动整个页面"的原生过渡和功能,就像你在iPhone上看到的那样,而是在网络浏览器中？

我想要一个HTML页面滑过,一个新的HTML页面在按下按钮后就可以了.

按钮不能是常量.因此,如果您有一个带有按钮的常量标题,这些按钮可以在框内滑动内容,那么这将是不正确的.我需要滑动整个网页.

用HTML5制作的幻灯片是我需要的吗？预先感谢您的任何帮助!

编辑:我一直在考虑可能并排设置两个全尺寸DIV,其中一个隐藏在页面上,"溢出:隐藏",然后使用CSS转换按一个按钮,然后将一个DIV移出屏幕,另一个进入视野,但我不知道该怎么做.

另一个非常困难的部分是我的DIV容器需要是动态的,100%的宽度和高度.我不能使用固定尺寸.

编辑:

使用由Ariel Flesler开发的scrollTo和localscroll函数,我已经能够完成我正在寻找的99%.但是,在开发的最后阶段,我遇到了一个巨大的障碍.这是一张我希望有助于解释我想要做的图像:

我的问题是主要内容区域是一个带有overflow-y auto的固定位置,因此我可以在页眉和页脚之间保留DIV的滚动条.但问题是,当我按下我的按钮启动我的DIV的滑动动画时,固定的内容区域不会移动,只有页眉和页脚移动.如果我将主要内容区域的位置更改为"相对",一切都会像我想要的那样移动,但是我失去了滚动的定位.

如果有人能想到这一点,我将非常感激你!

(我会发布一个链接到我所拥有的,但我不能.这是公司的保密工作)

先感谢您!!

编辑 我正在审查所有这些信息.我会在几天后回复.谢谢大家的输入!

Answer 1

我目前正在开发可能对您有用的东西.它使用您考虑的并排div,但由于滚动条的问题和浏览器的差异,我发现使用100%宽度时遇到困难.我已经通过在javascript(jQuery)中设置宽度来克服这一点,它提供了跨浏览器解决方案(在IE7,IE8,FF,Chrome,Safari,Opera中测试过).

通过检查源代码,随意获取尽可能多的源代码,如果您需要我通过任何方式与您交谈,请告诉我.

http://madesignuk.com/uploader/

PS我不是100%肯定有关将链接发布到我个人网站的规则,所以如果这是主持人的问题,请告诉我.

PPS该网站正在开发中,所以请尽量不要嘲笑我:p