Javascript 什么是一种在网页中滚动自定义行为的技术?

Javascript 什么是一种在网页中滚动自定义行为的技术?,javascript,jquery,html,user-interface,Javascript,Jquery,Html,User Interface,我找不到这项技术的名称,也找不到任何相关的阅读资料。所以我在这里问 基本上,有一些页面是以不同的时间或速度移动图像/或部分web的滚动行为 例如,页面滚动就像向上翻页一样 我不希望答案能为我做所有的事情,但我需要一个这个技术或一套技术的名字,这样我就可以自己研究和编码了 这是进一步研究的方向。基本机制称为视差滚动,其中图像/文本/其他层内容的不同元素以不同的速率滚动,以产生景深或感知改变的错觉 这也可以通过使用不同的z索引堆叠背景图像,并以不同的速度/方向/过渡等设置它们的动画,以及使用鼠标移动

我找不到这项技术的名称,也找不到任何相关的阅读资料。所以我在这里问

基本上,有一些页面是以不同的时间或速度移动图像/或部分web的滚动行为

例如,页面滚动就像向上翻页一样

我不希望答案能为我做所有的事情,但我需要一个这个技术或一套技术的名字,这样我就可以自己研究和编码了


这是进一步研究的方向。

基本机制称为视差滚动,其中图像/文本/其他层内容的不同元素以不同的速率滚动,以产生景深或感知改变的错觉

这也可以通过使用不同的z索引堆叠背景图像,并以不同的速度/方向/过渡等设置它们的动画,以及使用鼠标移动或滚轮触发移动来大致实现

在该示例中,您提供了一个在滚动时触发以移动图像的转换:

transition-duration: 0ms; transform: translate3d(0px, -316px, 0px);
translate3d函数有三个参数——每个轴一个参数,x、y和z

此特定示例之所以有效,是因为正在转换的图像的高度为316px,因此其效果是当您滚动时,它会向上移动并移出视口。实际上,它向上移动的量与它的高度相同,所以它似乎消失了


请注意,这不是视差滚动-这是一种html5/css机制,使图像看起来像是在移动并显示堆栈中的下一个图像一样。

基本机制称为视差滚动,其中图像/文本/其他层内容的不同元素以不同的速率滚动,以产生不同的效果景深错觉景深或知觉改变的错觉

这也可以通过使用不同的z索引堆叠背景图像,并以不同的速度/方向/过渡等设置它们的动画,以及使用鼠标移动或滚轮触发移动来大致实现

在该示例中,您提供了一个在滚动时触发以移动图像的转换:

transition-duration: 0ms; transform: translate3d(0px, -316px, 0px);
translate3d函数有三个参数——每个轴一个参数,x、y和z

此特定示例之所以有效,是因为正在转换的图像的高度为316px,因此其效果是当您滚动时,它会向上移动并移出视口。实际上,它向上移动的量与它的高度相同,所以它似乎消失了


请注意,这不是视差滚动-这是一种html5/css机制,使图像看起来像在移动一样,并显示堆栈中的下一个图像。

这称为“整页滚动”@弗雷德·里查米迪:谢谢你,这绝对有帮助。这叫做“整页滚动”@里查米迪神父,谢谢你,这绝对有帮助。