cost 107 ms
图像不随 translateZ() 移动

我正在尝试创建一个包含一些图像的网站。 当您向下滚动时,我希望这些图像移动一点(只是一点点)。 背景附件:固定对我不起作用,因为我只想要一点点运动,所以我尝试使用我在网上找到的指南进行转换:translateZ()。 但是,这不起作用。 translateZ() 对图像完全没有任何作用。 这是因为 ...

2022-09-27 18:13:05 2 20
如何创建具有有限跨度的特定于部分的视差

我有以下 html 结构 在一个部分内有一个轮廓(容器),其中有一个简单的网格。 我希望这个网格能够响应鼠标滚动或滚动条的移动而移动。 不是越过屏幕,而是在用户向下滚动时更靠近轮廓(容器)的边界,而当用户向上滚动页面时更靠近轮廓(容器)的边界。 就像在这个屏幕截图中一样: 它应该如何滚动最好的方法是 ...

2022-09-24 05:41:35 0 7
将鼠标悬停事件变成自动滚动

作为创建叠加层的一部分,我在 codepen 上得到了一个接近我想要做的代码。 这个在背景上显示文本的视差。 但是在 CodePen 项目中,运动 animation 是在鼠标悬停事件上完成的。 我想让这个 animation 在十秒内自动发生,而无需调用鼠标悬停。 这是有问题的代码 const p ...

2022-09-23 14:15:21 1 13
无法滚动到我的视差组件中,只有在移动鼠标时才会触发其中的滚动

我正在做一个网页,我在它的中间有一个视差组件,当我从页面的顶部到底部滚动时,并且视差出现,滚动不会触发它,只有当我停止时鼠标在视差元素内停留片刻,浏览器触发滚动到该元素。 我在stackoverflow上看到了这个问题,但响应对我不起作用。 这是我尝试过的: 创建了一个handleScroll fu ...

2022-09-13 11:16:50 0 15
是否可以在另一个元素“不可见”下方制作 html 元素的一部分

我建立了一个简单的网站,其中包括一个视差图像库,以及每个图像的随附文本描述。 画廊下面有一个简单的重复图案壁纸。 图像之间没有边距。 它们的边界被具有更高 z-index 的文本框覆盖,并且图像和文本的滚动速度之间的差异会产生视差效果。 我想让背景墙纸(底层)也成为文本框的背景,但要实现这一点,我需 ...

2022-09-12 09:24:39 0 28
如何在视差滚动期间用背景图像覆盖所有空间? [仅限 CSS]

我正在尝试构建一个纯 CSS 的视差背景,它的移动速度与其文本内容不同。 到目前为止,一切正常,除了我无法让背景拉伸/定位,这样当页面滚动到底部时它不会耗尽空间。 我为您创建了一个片段,其中显示了一个网格背景 (png)。 我可以更改网格 png 的大小,但无论我尝试什么,底部的无网格空间都不会 ...

2022-09-11 08:42:12 0 17
如何使用视差滚动制作一个固定背景

是否可以有一个固定的视频 gif 页面,然后当我滚动时,只需在该固定视频 gif 页面上添加内容。所以它只有一页,但当用户滚动时,内容会添加。 ...

2022-09-02 07:37:55 1 13
LateError(LateInitializationError:字段“加速”尚未初始化。)

我需要在 flutter 中实现视差效果,我用代码找到了相应的项目,但是在将其添加到我的项目时,它要求将“延迟”添加到我在下面指定的一些参数中。 没有它们,项目就不会启动,而有了它们,项目就会以错误启动。 可能是什么问题呢。 我是初学者,不要严格判断 ...

2022-08-29 10:12:07 0 23
如何使用 flutter 中的加速度计/陀螺仪创建图像视差效果并将其应用于 android 桌面

一般来说,不要严格判断,我是flutter的新手,因此很难找到必要的信息。 事实是flutter中的视差效果主题只有一个滚动条,由于桌面上的加速度计/陀螺仪,我还需要图像沿轴倾斜。 绝对github全被爬取,全搜索引擎,但只有过时信息和非工作项目。 如果您有相关资源来理解或帮助,我将不胜感激。 ...

2022-08-28 02:18:41 0 17
背景附件:修复了在 iOS 中无法使用的问题 - 用于 iPhone 和 iPad 的 elementor 中的四个视差

我的问题是在一开始的背景附件:为 IOS 修复,我用 css 代码找到了这个解决方案,然后出现了第二个问题,也许你有第二个解决方案给我。 我在网站上有四个视差,我有这个代码 CSS 因为我有四个视差,我不能改变图像,或者我不能说在 css 中我想要第一个,然后是下一个,依此类推,因为z-index。 ...

2022-08-26 07:58:34 0 26
我想在本机反应中创建一个视差 header tabview

我在 react native 中创建视差 header 选项卡视图但没有成功,我尝试了一些包,但它们没有满足我的要求。 我正在创建一个食品应用程序,我想将菜单类别放在顶部并隐藏轮播和可用的包装,这些包装适用于几个标签或不适合我。 ...

2022-08-19 07:22:19 0 15
视差期间的图像失真

我正在制作一个仅使用 html css 的视差滚动网站。 视差有效,但在滚动时,我看到图像在中心被剪切。 我无法找到为什么会这样。 我附上了代码以及我面临的问题的图像。 HTML 代码 - CSS 代码 - 图 1-直到某一点没有问题图像 2-图像失真 ...

2022-08-07 10:00:54 0 8
使视差效果滚动行为[关闭]

关闭。 这个问题需要调试细节。 它目前不接受答案。 编辑问题以包含所需的行为、特定问题或错误以及重现问题所需的最短代码。 这将帮助其他人回答问题。 11 小时前关闭。 改进这个问题我正在尝试为类似于以下网站的网站应用视差效果:[site][1] 我在前端使用 React,更具体地说是 Gat ...

2022-08-03 00:14:15 0 24
仅在交叉点观察者检测到真假时添加滚动事件侦听器触发一次

我尝试仅使用 JS 来制作视差效果,并且成功控制了一个部分。 现在我试图让它在一个页面上的多个部分上工作,我不明白为什么。 问题是滚动事件侦听器仅触发一次,当交叉点观察者检测到真或假时。 我想只使用addEventListener()可以工作,但我通过使用IntersectionObserver() ...

2022-08-02 14:33:17 0 14
“背景附件:固定”破坏了我的背景图像的适合度?

我的横幅应该是具有视差效果的背景图像。 没有background-attachment: fixed 它看起来像这样(视差关闭): 带有background-attachment: fixed 它看起来像这样(视差): 有什么帮助让它看起来像图一但有视差吗? ...

2022-07-30 18:17:57 0 16
Swift 中 imageViews 的视差效果问题 animation

我正在尝试为滚动视图中的图片创建视差效果 animation。 主要思想是打开和关闭约束来实现这一点。 通常一切正常,但滚动后,有时您会看到一条细线是下一张图像的一部分,或者 animation 变得非常清晰,我真的不明白为什么会发生这种情况。 也许有人会告诉我一个更好的方法来实现视差效果anim ...

2022-07-26 21:42:04 1 43
在小屏幕中查看网站时图像被截断

我有一个问题,当高度或宽度减小时,我的图像会被截断。 我需要让它响应,所以我没有帮助。 我曾尝试使用媒体查询,但它仍然无法正常工作。 代码 - Github 示例网站 - GitHub 页面谢谢。 ...

2022-07-26 19:20:45 3 33
如何在@react-three/fiber 的摄像头前制作 html 组层?

基本上,我正在尝试在后台执行 3d 动作,并在前面执行乐天动画。 当我滚动时,相机移动,position 一切都发生了变化。 但是,我需要在 3d 操作期间将 html 层保持在同一 position 上。 这是我为 html 层尝试的, ...

2022-07-25 16:58:11 0 11

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM