parallax

0热度

1回答

“跳跃” 我有以下的用例：在图像之间与图像的几个内容元素应始终显示为整（涉及contain - 值对background-size -property）这种行为应该是对所有视口一样，产生的图像缩放大小（但总是被完全可见）滚动时，每一个图像应该滚动到t运正常一次的图像打顶，视差效果应该在踢你可以看到我的实现在这里： http://codepen.io/AvantiC/pen/BpReza

-1热度

1回答

视差效果是一个跳跃laggy

好的。我试图制作一个适用于所有浏览器的视差网站。我已经在所有的浏览器上取得了效果，但在某些浏览器中却很慢并且很jump jump。有什么办法可以让它流畅吗？这里是我的代码 function Draw(){ requestAnimationFrame(Draw); scrollEvent(); } Draw(); function scro

2热度

1回答

视差影响不工作在Firefox

所以首先，我不是一个专业的编码器，但我有一些的经验。我正在尝试做一个现代化的好视差网站。所以我的问题是，后台的图像不会显示在Firefox中，但它在Chrome中，我希望它在两个工作。这里是我的代码： //No js yet #welcome { font-family: 'Nunito', sans-serif; font-size: 80px; ma

-1热度

1回答

在移动设备上禁用Jquery视差

我真的很抱歉我知道同一个问题有很多类似的主题。除了我感到困惑，因为我注意到没有禁用函数的通用代码。我认为与JS是复杂的（我不知道）。但这是情况。我在互联网上的某个地方发现了一个jquery代码，我想通过元素或wordpress使用它来使背景图像也滚动（视差）一切都很完美。唯一的问题是移动设备，效果是腐败的，看起来很糟糕，我想禁用它。这里是代码： function jquery_parallax(

0热度

2回答

中心视差图像

我有这个简化代码来为我的图像添加视差。当我开始滚动时，最高值不正确。距离太大，当我回到网站的顶部时，图片不像开头那样居中。如何计算正确的最高值？ $(document).ready(function(){ \t var scrolledDefault = $(window).height()/2 - ($('.img__moi').height()/2) + 25; \t

0热度

1回答

将div的高度设置为基于可见区域

在以下HTML中，我手动将中间div的高度设置为200px。如何自动调整高度以使div的高度等于浏览器中可见区域的高度？这可以用纯CSS完成还是需要JavaScript？ <p>Scroll Up and Down this page to see the parallax scrolling effect.</p> <div class="parallax"></div> <div cl

0热度

1回答

有效的“视差效果”垂直IMG列表滚动

我有一个图像列表并想上下移动图像缓慢上/下滚动向下/向上。图像本身由“object-fit：cover;”设置和“对象位置：中心50％;”，所以我有空间将图像向下移动到“对象位置：中心100％”的最大值。同时滚动。而相反，将图像移动到“object-position：center 0;”的最小值同时向下滚动。简称：当用户滚动图像下的列表中，然后每个图像应该慢慢表现出更多的来自其隐藏的顶部，反之

1热度

2回答

使用jquery滚动时的图像运动

有人可以请教一个教程/资源或给出一个使用jquery的基本图像运动的例子。我一直在寻找几个星期，现在通过谷歌和尝试各种教程和模板，我很难找到我认为是一个简单的动画的例子。我想弄清楚如何创建一个效果，当你向下滚动页面，一个小图像从点A移动到点B.该动作可以是对角线，水平，垂直等。我只是想指定开始位置和结束位置并滚动开始和结束以到达该目的地。这个想法是，我将采取几个不同的线框CAD图像，并做一个分

1热度

3回答

视差分度倾斜

我将如何去创建多个网页的部分章节，所有的视差背景图像和斜边？这是我试图创建设计：http://prnt.sc/ea0avx 如果有帮助，我用阿瓦达索主题作为我的基地内的WordPress建设。

0热度

1回答

如何防止RecyclerView在协调器布局中展开

我想使用协调器布局制作视差标头。我把recyclerview放到了coordinatorlayout中。有用。但是recyclerview会加载所有数据，但是我会将我的数据列表分成多个页面。每个滚动的最后一项，我想加载下一页。但它在开始时加载所有数据。 activity_main.xml中 <?xml version="1.0" encoding="utf-8"?> <android.suppo