CSS背景滚动效果

文章/答案/技术大牛

发布

2回答

jquery、html、css

右边(图像)应该有一个简单的视差效果，所以我把它命名为background-attachment: fixed;。现在，当图形底部到达下一个部分时，我应该更改background-attachment属性，这样图片就会随着其余文本向上滚动。这里有一把小提琴，可能会让我的意图更清晰一点。

浏览 17提问于2017-08-02得票数 0

4回答

你如何实现这个“滚动和改变多个背景图片”的效果？

html

我看着这个HTML5网站，发现“背景图像的滚动”很吸引人。我查看了它的Javascript，但没有发现改变背景图像的代码。

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

2回答

惊人的CSS Div滚动效果，无法解释，链接提供。这是一个网页设计问题，怎样才能达到这样的效果呢？

javascript、css、html

向下滚动页面，看看div是如何相互重叠的，但它比这更复杂，因为实际的页面也是滚动的。有没有人可以帮助回答如何实现这种效果？

浏览 0提问于2012-10-06得票数 1

回答已采纳

1回答

使用jQuery获取动态背景位置

jquery、css

我正在尝试实现一个网站上的视差滚动效果(使用来自Smashing的 )。视差效果工作得很好，但我需要让其中一个精灵在达到某个点时停止滚动。默认情况下，它会继续滚动，直到看不到为止。视差效果通过对元素的背景位置进行动画处理来实现。= $(elem).css("backgroundPosition").split(" "); var xPos = backgroundPos[0],>=

浏览 2提问于2013-04-05得票数 0

回答已采纳

2回答

我正在使用在上滚动“背景”图像(实际上不是css背景图像)。是否有可能保持图像的纵横比，即不挤压图像，并且仍然可以在所有现代浏览器中工作？我尝试设置bgHeight : 'auto'，它将图像css设置为height:auto，但这会阻止滚动效果在Chrome和Safari中工作。也对其他插件或实现这种效果的方式开放，即让背景图像以不同于页面内容的速度滚动，也可以显示整个图像，但不滚动<

浏览 0提问于2012-06-22得票数 1

回答已采纳

1回答

在没有滚动动画的情况下使用CSS图像精灵实现悬停效果

scroll、css-sprites、background-position

我使用了一个精灵图片来改变悬停和点击时的背景( .keepImage类用于点击)。它都可以工作，但当背景图片改变时，它会滚动到正确的位置。有没有办法在没有滚动运动的情况下做到这一点？("keepImage"); });</script> CSS

浏览 3提问于2013-07-17得票数 2

2回答

滚动浏览元素时是否更改div/span颜色？

javascript、jquery、html、css

我已经在这上面看到了几个CodePens，但它们只用于向下滚动一次，而不是多次更改，因为我有不止一个黑区。<section class="section-white new-section light&quo

浏览 4提问于2019-04-23得票数 1

3回答

Div“吃”在上面的图像中--术语是什么？

javascript、jquery、html、css、animation

从我所能看到的，下面的div某种程度上侵蚀了上面的图像，当你向下滚动时，创建了我认为是一个很好的视觉效果。我唯一的问题是，我不知道用什么术语来搜索有关流程本身的教程。

浏览 0提问于2015-05-19得票数 0

回答已采纳

1回答

CSS -背景图像拉伸

css、background

我正在尝试获得类似的背景效果，这是在这个网站上的：通过查看，该网站的背景是黑色的，但有一个水平拉伸的背景图像，仍然在页面的顶部。向下滚动页面时，图像将保留在顶部，但会与背景颜色混合。我尝试制作一个类似于示例中的图像，并使用background-size:cover，但当我向下滚动时，图像保持静态，只有内容滚动。如果这有任何意义的话！通过查看示例，有人可以解释一下需要什么CSS才能实现这一点吗？另外，图像的大小应该是多少(

浏览 0提问于2013-03-27得票数 1

回答已采纳

2回答

水平平滑滚动

jquery、scroll、horizontal-scrolling

我正在尝试创建一个基于锚定的平滑滚动水平效果。即，固定导航链接在点击时滚动到锚点(例如，id="#two")。背景:我正在尝试创造一种胶片效果。

浏览 0提问于2012-08-30得票数 1

1回答

需要一个背景效果的建议

javascript、css、ecmascript-6

背景足够大，只需在用户滚动时微妙地向下滚动即可。这是一个相当长的卷轴，所以有一个固定的背景有点无聊，如果背景不是固定的，它很快就会变成空白，因为它不够大，不足以覆盖整个游戏内容。我想做背景卷轴，在用户滚动的相反方向，但是非常微妙地为了一个好的效果我刚才解释的这种效果是如何产生的呢？我知道jquery可能可以做到这一点，但我避免使用jquery。我应该让背景和游戏内容2分开，当用户滚动游戏内容时，<

浏览 0提问于2018-08-11得票数 0

回答已采纳

1回答

多背景图像滚动

javascript、css、image、background

我相信这种效果可以在CSS中创建，但我不确定它背后是否有Javascript。但基本上，我试图复制在上看到的背景效果。当你向下滚动主图像后面的白色圆圈似乎以不同的速度滚动时，如何实现这一点？

浏览 0提问于2011-02-03得票数 0

回答已采纳

1回答

CSS视差在Chrome上工作得很好，但在Firefox上就不行了

css、google-chrome、firefox、parallax

我使用了Pure CSS视差示例。所有的超文本标记语言，CSS和JavaScript应该是可见的查看页面源代码。在Chrome中，视差效果效果非常好。在Firefox中，这个效果是有效的，但当我滚动经过某个点时，背景图像开始消失！

浏览 3提问于2016-05-11得票数 2

2回答

强制背景成为静态背景

html、css

我有一个使用以下css创建的背景：它是一些“二进制”的重复图片(只是一堆随机的0和1，以获得戏剧性的效果)。当我滚动时，背景也会滚动。如何使

浏览 0提问于2011-05-05得票数 3

回答已采纳

1回答

如何背景-注意:固定到div而不是视口。

html、css、background-image、background-attachment

我有一个大背景封面。 ...</div>#cover { height: 350px;} 预期输出：背景图像大小调整为350 px100%(在我的示例中为350x900)，应该具有基于<div id="co

浏览 2提问于2014-08-27得票数 1

2回答

是否有一种方法只使用CSS在一个固定元素中有一个背景图像滚动？

css、scroll、fixed

我有两个固定的元素和一个背景图像，我想有滚动的页面，没有元素滚动。这是一个小摆设：有什么方法可以在纯CSS中实现这一点吗？我知道有一种方法是javascript，但如果可能的话，我想避免这样做。

浏览 5提问于2014-11-25得票数 0

回答已采纳

1回答

如何只有当标题是“显示”聚合物时才有背景颜色

css、attributes、polymer

manufacturers">Manufacturers</a> </app-toolbar>是否有一个CSS选择器，当标题处于显示状态时，我可以使用它有一个白色的背景，否则是透明的？。，即当滚动位置< 30 px时透明，当滚动位置为>= 30 px时为白色。

浏览 0提问于2019-01-18得票数 0

回答已采纳

3回答

这是如何工作的: http://welbog.homeip.net/

javascript、html、css、web

：向下滚动就行了。它看起来很酷，看起来非常酷，而且它不需要javascript就能工作。那是什么？

浏览 3提问于2011-08-30得票数 1

回答已采纳

2回答

具有大图像后效应的透明div

html、css

我环顾了四周，但我甚至不知道效果的名称，这一点也没有帮助。如果我能至少知道效果是什么，我可以继续学习它。编辑:谢谢，伙计们，我觉得这是个很棒的效果。

浏览 2提问于2014-08-08得票数 2

回答已采纳

1回答

背景图片需要在向下滚动时“拉伸”，而不是保持静态吗？

html、css、background-image

我在我的网站上有一个背景图片，它似乎是静态的，当我向下滚动时，它会一直随着页面滚动……我希望顶部保持静态，然后当我向下滚动以使页面的其余部分显示为#FFFFFF...任何想法如何做到这一点，我不熟悉的CSS背景

浏览 1提问于2013-10-03得票数 0

点击加载更多