【问题标题】:Vertical Paging Transition of Sections: HTML, CSS, Javascript部分的垂直分页转换:HTML、CSS、Javascript
【发布时间】:2014-05-16 03:18:07
【问题描述】:

我不确定“垂直分页转换”是否完全适合我正在寻找的转换。我想要的 HTML 部分之间的过渡是想象一堆文件,然后您将顶部的纸张垂直拉下,露出下面的纸张,然后对每个部分重复。

有人能给我这个过渡的正确术语或指出一个例子的方向吗?谢谢!

编辑:示例http://vascore.org

【问题讨论】:

  • 你指的是……滚动吗?
  • 什么,像这样:turnjs.com/#samples/steve-jobs/4
  • @TylerH 喜欢这个vascore.org
  • @badger0053 你可以绝对将所有元素放在同一个空间中,然后给它们所有不同的z-index 值,这样它们就可以堆叠在一起,然后使用 JavaScript 将它们向上滑动在滚动或按钮单击或其他一些事件上。

标签: javascript jquery css html


【解决方案1】:

我认为这有时被称为“视差”

http://www.devfloat.com/jquery-parallax-scrolling-tutorials/

这可能是一个“幻灯片之间有视差过渡的垂直幻灯片”。

编辑:

该链接有几个不同的教程,所以这里有一个(来自所述链接),我认为它与您所指的内容非常接近:

http://chrisspooner.com/my-sites/

和教程:

http://line25.com/tutorials/create-a-cool-website-with-fancy-scrolling-effects

【讨论】:

  • 这就是我想要的。我认为视差是背景与内容分开移动。我真正想要的是内容和背景一起移动,但在当前部分下方“加载”
  • 我不同意; Web开发中的视差是两个元素以不同的速度相对于彼此移动(通常前景元素比背景元素移动得更快以模拟距离)。在这里,我相信 OP 只是要求静态背景和垂直移动的前景。
  • @TylerH 是的,但每个部分都有不同的背景和内容
  • 虽然我同意“视差”一词可能被过度使用,但这就是我将其放在引号中的原因。我提供的链接包含涵盖多种技术的示例。我完全不同意您关于 OP 想要“静态背景”的说法,因为我查看了提供的示例网站。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-10-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-09-18
相关资源
最近更新 更多