纯CSS视差内部滚动条问题

文章/答案/技术大牛

发布

4回答

html、css、scroll

像很多人一样，我看过Keith Clark的纯css视差实现()，真的很喜欢它。当我尝试实现它时，我得到了一个围绕溢出的垂直视差内容的内部垂直滚动条(不是预期的)，以及属于扩展到屏幕垂直溢出之外的静态内容的外部垂直滚动条(预期的)。我只想要一个垂直滚动条来控制整个页面(视差组加上静态内容)。当向上/向下滚动时，可以在视差组中看到视差效果，以及将静态内容移入和移出视图。

浏览 19提问于2017-07-22得票数 1

3回答

为什么我的页面上会出现两个滚动条?一个内滚动条和一个外滚动条？

css、scroll、parallax、jquery-ias

为什么我的页面上会出现两个滚动条?一个内滚动条和一个外滚动条？和纯css视差滚动：第1页生成2个滚动条，内部和外部。我也不知道原因。如何摆脱内部滚动条，但仍然能够向下滚动到第2页和第3页.

浏览 2提问于2014-09-30得票数 1

1回答

我是Keith纯CSS视差技术的忠实粉丝，并在我自己的网站上成功地使用了它。然而，最近，我注意到背景视差元素并不在屏幕的左侧，而是留下一个空白，其大小取决于它们在3D空间中呈现的距离。据我所知，罪魁祸首是滚动条。这个滚动条应该在那里(在父视差div内)，但是它在父容器的大小(在其中呈现3d空间)和容器的视差子空间的大小之间创建了一个差异，这为这个空白留出了空间。可以通过将width: 100vw规则应用于每个视差组或层来解决这个<em

浏览 0提问于2018-07-06得票数 0

回答已采纳

2回答

纯CSS视差效应问题

css、parallax

似乎与我的纯css视差有问题，我使用的概念，从文章。然而，这似乎一点也不适合我。您可以使用调试器检查我的代码。我想有视差的影响，在我的网站部分。在这里，您可以看到我的HTML，还有更多的部分，但我目前正试图让我的头在视差滚动背景下工作：<header class="parallax__group

浏览 3提问于2017-03-19得票数 1

回答已采纳

2回答

如何删除视差内部滚动条

html、css、parallax

我正试图在我的网站上的“关于我们”页面上添加一个视差效果。我设法用纯css创建了效果，但在container div中有一个内部滚动条。 </div>和CSS height: 100vh; overflow-x: hidden;background-image: url(/app&#

浏览 0提问于2018-07-22得票数 0

1回答

为什么带有溢出隐藏的translateZ会导致稍微向右移动？

html、css、css-transforms、parallax、perspective

我试图使用基于的纯CSS创建视差效果。这涉及到使用perspective、translateZ和scale。它还涉及到使用许多PNG图像层叠在一起的“层”。然而，在这些层上存在一个问题。在本例中，只显示了PNG映像的一个层，因为它足以显示问题。以下是问题的图像(div左侧的空白)。问题出现在以下情况：body的垂直滚动条可见，body的水平滚动条由于溢出而被隐藏，视差图像被设置为100%的宽度。奇怪的是，通

浏览 3提问于2020-06-17得票数 0

回答已采纳

4回答

如何添加纯CSS视差滚动

html、css、parallax

我想为我的网站添加一些纯CSS视差滚动功能，但我尝试的所有功能似乎都不起作用。我也在这里寻找答案，但没有回答我的问题。并添加一个纯CSS视差滚动功能，使背景滚动速度减半？谢谢!

浏览 1提问于2014-09-02得票数 1

1回答

纯CSS视差附加空间问题

css、parallax

我想要实现的我希望在卷轴上，背景的移动速度会比内容慢，并且背景将足够高，足以覆盖整个内容。translateZ(-10px) scale(2) to .backgroundput .background to .container，并将其位置设置为绝对，这样容器的高度(取决于内容的高度).contenta .backgrounda黑色车身底端的底部(出现在Chrome上)当我向下滚动到底部时，我希望.con

浏览 1提问于2022-02-05得票数 0

1回答

页面刷新后初始化视差位置值

javascript、scroll、parallax、fade、page-refresh

这很可能是以前问过的，但我有一个问题与视差效果，我已经部署在图像滑块。在滚动中，滑块中使用的背景图像会调整它们的位置和不透明度。问题是，如果我向下滚动一小段页面，然后刷新页面，背景位置和不透明度会恢复到它们的原始值，所以滚动会导致跳跃，以便它们“赶上”它们的实际值。

浏览 16提问于2020-09-12得票数 0

1回答

在滑块jquery上的视差滚动

javascript、jquery、user-interface、web、parallax

当我在网站上向下滚动时，我尝试使用一个具有视差滚动效果的全屏滑块，但是所有的视差效果都应用在图像上，而不是整个div或滑块。

浏览 4提问于2015-04-27得票数 0

1回答

滚动条不适用于纯视差css

html、css

我按照教程创建了纯CSS视差的块：我的问题是：.path-frontpage .main-container

浏览 0提问于2017-11-24得票数 0

1回答

CSS视差溢出-y:滚动使其消失

html、css、parallax

我成功地制作了纯css视差，这很难！^^要做视差，我们必须做overflow-y : scroll礼仪，以滚动的角度，体面从上到下。问题是，它迫使我在一个丑陋的滚动条，我怎么能删除它？<head> <meta charset="utf-8"> <link rel="stylesheet&

浏览 1提问于2021-10-17得票数 0

1回答

Chrome纯CSS视差的水平问题

html、css

.parallax { overflow-y: auto;我也尝试过user-scalable=no，但问题仍然存在。

浏览 8提问于2015-01-07得票数 0

1回答

视差滚动显示2张幻灯片背后的内容

jquery、html、css、parallax

我想创建一个网站，其中两件打开，一个下降，一个上升，使用视差。描述第一步的照片描述第二步的照片我尝试使用不同的视差框架和纯css视差，但我没有成功。有人有什么想法吗？

浏览 2提问于2016-04-14得票数 0

回答已采纳

1回答

使用变换比例时，防止纯css视差中的模糊效果

transform、scale、parallax

我有一个使用纯css的视差网站的问题。有人能帮我吗？您可以在页面顶部的徽标和菜单上看到该问题

浏览 1提问于2016-04-12得票数 3

1回答

如何通过页面的iframe中的javascript控制页面？

javascript、jquery、iframe

我有一个带有Js代码的iframe要运行，我不想控制iframe选项和css样式。谢谢

浏览 3提问于2010-09-10得票数 0

回答已采纳

2回答

如何根据滚动条移动DIV的背景图像？

javascript、html、css

我一直在查看的垂直滚动在我的网页上，经过一些研究，我不确定我想做的是技术上是视差效应。 veiwport的高度将根据内部DIV中内容的长度而变化。我的问题是，如果我想做的并不完全是视差效应，那么我就不知道还能叫它什么，我试图通过描述它来搜索，一直让我回到

浏览 0提问于2013-07-12得票数 1

回答已采纳

1回答

什么是最好的方式，使视差标题效果的wordpress主题?？纯CSS还是使用JavaScript？

theme-development、themes、css、javascript、browser-compatibility

我是wordpress主题开发的新手，我想在这里问一些问题，我想为我的主题标题做一个视差效应，如下所示：这是通过使用一些JS代码，我想知道什么是最好的方式为WP主题?使用纯CSS还是使用JS ?？什么是web浏览器最兼容的?？帮帮我伙计们..。

浏览 0提问于2016-03-28得票数 -1

回答已采纳

2回答

抖动视差滚动

javascript、jquery、css

我写了一个网站，使用视差效果，并有一些抖动性能的问题。还有其他解决方案吗？抖动视差网站：平滑视差</

浏览 21提问于2016-08-01得票数 0

回答已采纳

1回答

水平滚动w/视差效应纯CSS

css、scroll、parallax

所以我的问题是:我实际上是用纯CSS制作了一个水平滚动网站，里面有一些视差。而我已经设法让一些东西发挥作用了。视差效应让我发疯了。以下是网站：另外，我是在纯CSS中这样做的，但是如果您有一个好的JS框架来实现我的梦想，我也准备好了。

浏览 4提问于2021-12-10得票数 0

点击加载更多