css实现数字滚动效果 - 腾讯云开发者社区

文章/答案/技术大牛

发布

2回答

如何实现这样的运动模糊效果？

java、android、opengl-es、blur、motion-blur

Smartisan OS有一个天气应用程序具有这样的效果:当将格式从摄氏度更改为华氏度时，温度数字将像这样滚动：我认为这不是数字滚动时的简单模糊效果，因为你可以从图像中看到这些数字只在垂直方向上模糊。数字首先以较低的速度滚动，然后以较快的速度滚动。当它滚动时，模糊半径也更长。对我来说，这种效果不是那么容易实现的。

浏览 25提问于2017-07-15得票数 1

回答已采纳

2回答

autoscroll (如电影学分)，但是用户可以通过简单的滚动来接管。

javascript、css、autoscroll

我正在寻找创建一个网站，将作为一个数字传单为一个音乐剧院。这个想法是有一个自动滚动学分名单作为登陆页。我看过关于codepen的例子，以了解如何实现这一效果。但是，如果用户愿意，我也希望用户能够进行交互和滚动。当他们停止滚动时，学分就会变成自动滚动。我没有找到任何解决这个问题的例子。你们中有人知道脚本(JS，或普通css…)吗？能帮我解决这个问题？

浏览 3提问于2022-01-08得票数 2

回答已采纳

1回答

使用CSS实现视差效果的滚动

html、css、parallax、infinite-scroll

我试图achieve parallax effect with only CSS在一个无限滚动的页面，应该有一个无缝重复的背景模式。</h1></div> 我希望背景只在当前div内容所在的位置结束(它会通过滚动加载更多，但这不是这里的问题)，我不知道该怎么做。问题是视差div的高度不会是屏幕上显示的实际高度，因为3D CSS效果用于实现视差效果，所以很难以某种方式设置这个高度来达

浏览 30提问于2019-03-19得票数 0

回答已采纳

1回答

使用animate.css实现滚动效果

javascript、jquery、html、css

我正在使用animate.css在我的元素中添加动画，但我希望当我滚动网站到下一节时，动画开始，当我返回页面时，动画再次开始。附言:我在我的网站上使用bootstrap。

浏览 4提问于2016-05-27得票数 0

3回答

向下滚动时更改标题CSS

javascript、jquery、css

我正在尝试实现与这个网站相同的标题淡入/淡出效果：谢谢

浏览 0提问于2013-11-13得票数 4

回答已采纳

1回答

如何实现水平滚动倒计时？

android

目标我想实现一个倒计时器，它只从左向右滚动数字(而不是图形)。这能作为滚动视图中的文本视图实现吗？寻找一个代码样本开始.

浏览 3提问于2012-04-12得票数 5

回答已采纳

1回答

滚动体垂直滚动条闪烁

javascript、jquery、html、css

我通过将overflow-y:scroll添加到表tbody来实现这一点。我还添加了一些javascript来调整表的子表宽度。在Mozilla中测试这一点时，我注意到当向右或向左移动水平滚动条时，垂直滚动条正在闪烁。这是它的codepen。请同时使用Firefox和Chrome(或其他浏览器，但绝对是Firefox)。

浏览 2提问于2018-09-14得票数 0

回答已采纳

1回答

Firefox52javascript滚动火灾事件滞后

javascript、jquery、css、firefox

自从FF 52被引入以来，我在执行滚动事件时也有同样的滞后问题，特别是在使用鼠标轮时--同样的事情也发生在IE Edge上，但是它被认为是少数，现在随着FF的增加，必须找到某种解决方案。下面是我使用的简单滚动函数： scrollY = $(this).scrollTop(); $(this).find('td:first-child span').attr('style', '

浏览 1提问于2017-04-27得票数 1

回答已采纳

1回答

如何在watchOS上用SwiftUI实现垂直滚动页

swiftui、watchos

我想实现一个垂直滚动页面，如系统锻炼应用程序。 TabView { .rotationEffect(.degrees(90)) 它支持数字冠和动态显示指示器和自定义颜色。那么，如何实现垂直滚动效果呢？

浏览 2提问于2022-10-14得票数 0

1回答

实现下面的滚动标题效果和这个效果的名字？

javascript、jquery、css

我注意到现在有相当多的人正在使用下面的标题效果，我想知道首先是否有人能给我一个关于如何实现这个效果的见解，这个效果的名字是什么，还有什么好的教程可以学习吗？该网站是，如果您滚动一旦css是更新，再次滚动和css是更新等谢谢，新年快乐！

浏览 2提问于2012-01-03得票数 0

1回答

多背景图像滚动

javascript、css、image、background

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

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

回答已采纳

2回答

如何在页面滚动上动画图像？

javascript、jquery、html、css、css-animations

我想知道如何在用户向下滚动页面时使图像变得可见？看看这个页面：当您向下滚动时，每个图像都有动画效果-(向下滚动，滑入)+淡出。这种效果叫什么?如何实现？是否可以使用纯CSS3或JS也可以完成？

浏览 0提问于2014-01-30得票数 1

1回答

CSS/JS滚动故障效应(性能)

javascript、jquery、html、css、performance

我试图实现一个“crt样”滚动小故障效果使用Javascript和CSS。我提出了下面的代码，它克隆内容并应用clip使其看起来像滚动，同时添加随机的水平偏移量。e.remove(); }}我其实对效果很满意，但实施显然是一次黑客攻击。因此，性能低得令人无法接受(触发该效果时，铬cpu使用率从5%提

浏览 0提问于2015-12-03得票数 3

回答已采纳

1回答

将Fullpagejs与react-router-dom一起使用

reactjs、react-router-dom、fullpage.js

正如您可以尝试的那样，如果您单击第二部分上的链接，react可以将您路由到AnotherPage，但是Fullpage包提供的navigation点仍然在那里，您甚至可以上下滚动，尽管这会导致错误。

浏览 44提问于2021-08-12得票数 0

回答已采纳

1回答

使用jQuery获取动态背景位置

jquery、css

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

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

回答已采纳

1回答

我的问题是关于用户ByteHamster在这里给出的答案：在答案中他/她给出了一个如何使用html，css和Javascript创建滚动动画的示例。动画允许用户通过单击屏幕上所选数字的上方或下方来滚动数字，并且所选数字显示在动画下方的div中。我想知道是否有可能做一些类似的事情，但不是让一个图像上下移动，它可以变成一个数字轮吗？我的意思是，在上面的例子中，一旦数字达到0，滚动就会停止在一个方向上，我想知道是否有可能创建一个

浏览 5提问于2015-10-16得票数 10

回答已采纳

3回答

尝试将元素保持在屏幕中心，但包含在父元素中

javascript、jquery、html、css、xhtml

在这些情况下，我们希望工具随着用户的滚动而流动，因此，假设用户正在查看部分的垂直中间，按钮也将停留在垂直中间，但是，如果用户屏幕的垂直中心滚动经过该部分，但用户仍然悬停在该部分上，我们希望工具留在其父元素内我们已经有了一个脚本，可以在元素从屏幕上移出时用用户的滚动条移动它，所以我想我可以修改一下它，我只是不确定如何通过它的父元素来绑定元素。

浏览 1提问于2011-07-08得票数 0

回答已采纳

3回答

如何使用CSS在静止背景图像上创建滚动窗口？

javascript、html、css

对于你们中的一些CSS专家来说，这个问题应该是相当容易的。至少我希望是这样。我只想知道CSS是如何实现这一效果的：如果您滚动该页面，您可以看到他们是如何创建这个“狭缝”的，您可以滚动该“狭缝”来查看背景图像的不同部分。每个狭缝似乎有一个不同的形象。我认为这真的很酷，但我不知道如何实现类似的东西。这种效果需要使用JavaScript吗？如果是的话，这样做有多复杂呢？

浏览 4提问于2013-11-21得票数 2

回答已采纳

2回答