parallax

1热度

2回答

https://jsfiddle.net/James2038/1x9a2gxq/1/ 如的jsfiddle即时试图设置不透明度为滚动DIV，使云层下方出现轻微所示。已经尝试过很多办法（RGBA，不透明度，IMG - 所有使用CSS） body, html { height: 100%; } .parallax { background-color: w

0热度

1回答

移动多个div的x和y在鼠标x，y在js

我的目标是制作一个网页，其中包含文本等多个div，在鼠标x和y上移动。它应该看起来像鼠标x和y上的视差效果。我遇到的所有视差插件都是基于图像的，所以它们不适用于div。我自己写了一个js，但div的页面跳过所有页面，没有css可以让它保持原位。也许有更多js经验的人知道我可以如何解决这个问题。在代码下面。希望大家听到你的声音。 HTML： <div class = "main" id ="sce

0热度

1回答

视差效果 - 通过内容

英雄图像叠加/堆栈我碰到的网站在月光电影：http://moonlight.movie/ 在顶部有一个全屏图像，滚动时，这是由一个全屏部分覆盖。这是一个有点niffty视差般的效果，这也适用于移动（IOS）是否有人知道如何实现这样的效果？

1热度

2回答

基于mousemove的视差问题

为清晰起见编辑此问题。我想创建一个基于mousemove的视差效果，但我遇到了一些问题。 1）我无法获得正确的window偏移量。如果您看到JSFiddle，您会注意到偏移量与指针输入window的位置有关。我希望asset-layer偏移量始终基于window的中间值。我能做些什么来解决这个问题？ 2）你会注意到，当我复制视差时，视差会改变强度。我以前尝试过一个循环来遍历所有它们，但我没有成功

-2热度

1回答

斯威夫特 - 如何做视差效果的头添加到的tableView

什么是执行过的tableView可他的动画帧像GIF的报头中的最有效的方法。我需要一个可定制的方法，因为我想要一个可以成为pageController或类似的头。编辑：我试过几个在网上找到的库，它们是不同的。我需要的头像仍然固定在顶部，如在gif中。我试图修改示例来完成此操作，但没有结果。我试图改变scrollViewdidscroll，但我失败了，因为偏移不会线性改变，并且动画不起作用

0热度

3回答

如何使用坐标布局创建像viber配置文件一样的视差效果

我想获得viber配置文件/ android联系人中使用的视差效果。我已经看到它可以使用custome类来完成，但是可以使用坐标布局来完成吗？编辑1：我已经这样做了。 preview 我想要的更多的是使配置文件图片显示最初的一半高度，当我们向下拖动屏幕可以看到完整的图片，并且当我们再次释放图片进入初始状态（一半图片）时。

0热度

1回答

重新加载capcha登陆到顶部而不是capcha部分

我在我的联系表单中使用简单的验证码。 <div class="col-md-4" onload="Captcha();"> <label>Enter Captcha *</label> <input type="text" value="" data-msg-required="Please enter captcha" maxlen

1热度

1回答

停止调整窗口大小的视差

我是新来的前端，我试图让一个不能被滚动的页面。我希望它是我背景的大小。当我将手形图放置在页面底部时，它会调整窗口大小。当手移动时，窗口滚动条甚至可以自行滑动。我如何确保大小保持不变？ HTML -  <div class="container"> <div class="row"> <div class="wrapper">

0热度

1回答

CSS多个固定背景psuedo元素

我想创建一个视差滚动效果只使用CSS和没有第三方库。使用background-attachment: fixed我能够在我的页面上实现我想要的多个全角div的效果。然而，利用这一点，会对性能造成很大的负面影响。我不是改变了我的方法，将一个发现here： .element { overflow: hidden; // added for pseudo-element positi

0热度

1回答

多层视差背景

我正在寻找像这样的视差效果。不过，我希望将它保留为简化的JavaScript/jQuery和HTML，而不是所有用于此的花哨东西/脚本 - 又名HAML和Coffeescript。（我觉得相当愚蠢的看着这里的脚本......原谅我的无知。） https://medium.com/@PatrykZabielski/how-to-make-multi-layered-parallax-illustr