CSS滚动动画链接到另一个div？
CSS滚动动画可以通过使用锚点（anchor）和CSS属性进行实现。具体步骤如下：
- 在需要滚动到的目标div上设置一个id属性，例如
<div id="targetDiv">...</div>。 - 在滚动的起始位置设置一个链接（通常是一个a标签），并将其href属性指向目标div的id，例如
<a href="#targetDiv">点击滚动到目标div</a>。 - 使用CSS的scroll-behavior属性来实现平滑滚动效果。将其应用于页面的根元素（html或body），例如
html { scroll-behavior: smooth; }。
这样，当用户点击链接时，页面将会平滑滚动到目标div所在的位置。
优势：
- 使用CSS实现滚动动画可以避免使用JavaScript，减少页面加载和执行的负担。
- 平滑滚动可以提供更好的用户体验，减少页面跳跃和剧烈的滚动效果。
应用场景：
- 单页网站：通过滚动动画可以实现页面内的平滑跳转。
- 导航栏：可以将滚动动画应用于导航栏链接，使页面滚动到对应的内容区域。
- 滚动提示：通过滚动动画可以引导用户浏览页面，提供更好的用户导航。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（Elastic Cloud Server，ECS）：提供可扩展的计算能力，用于部署和运行网站和应用程序。详情请参考：腾讯云云服务器
- 对象存储（Cloud Object Storage，COS）：安全、稳定、低成本的云端存储服务，适用于存储和管理各种类型的数据。详情请参考：腾讯云对象存储
- 人工智能开放平台（AI Open Platform）：提供丰富的人工智能算法和能力，帮助开发者构建智能化应用。详情请参考：腾讯云人工智能开放平台
注意：以上腾讯云产品仅作为示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
我有一个带有水平滚动条的div。
在我的CSS中将方向设置为ltr，滚动将一直设置到左侧。将其设置为rtl时，它将一直设置到右侧。这表明实现下面的jquery动画代码可以实现我的目标。这种方法有什么问题?为什么代码什么都不做？
$( document ).ready(function() {
$( "#divWithScroll" ).animate({ "direction": "rtl" }, "slow" );
$( "#divWithScroll" ).animate({ "direction
浏览 3提问于2014-04-10得票数 0
我正在尝试动画这个滚动功能，通过将平移y的值设置为100%，可以将链接转出屏幕。我面临的问题是，当我向上滚动时，我需要将100%重新设置为屏幕上更高的百分比，例如11%。我想从11%过渡到24%，但最终从100%直接到24%。有没有办法“重置”或者同时改变两个css？
<div id="container">
<div class="experiment" style="-webkit-transform:translate(0px,100%);"> test </div>
</div>
java
浏览 0提问于2013-07-10得票数 0
回答已采纳
1回答
问题
我有一个锚链接从一个图像链接到另一个部门，直接跳到div没有滚动动画，我如何添加一个滚动动画？谢谢:)
html
<!DOCTYPE html>
<html>
<head>
<title>particles.js demo</title>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div id="particles-js" width='100%
浏览 3提问于2017-02-12得票数 0
2回答
我试图动画到高度0，然后删除后，做一个替换。
有人知道为什么jquery动画没有发生吗？
$('.dataCard').not('.focused').each(function(){
var div = $('<div />',{
css : { height : $(this).height() }
});
$(this).replaceWith(div).animate({ height:0 }, function(){ $(this).remove() });
浏览 1提问于2013-12-09得票数 0
回答已采纳
我试图建立一个永远不会结束的导航窗口--主导航区域中的每个链接都是一个块，有滚动按钮，当你向上滚动时，从顶部滚动的项目被分离并重新连接到底部。同样，如果你向下滚动同样的事情发生反向，底部项目消失，并重新出现在顶部。
我可以通过分离和附加来完成这个工作，但是它缺乏技巧-所以它需要动画。问题是，无论我做什么来动画它会导致菜单本身相当快地混乱。我将每个元素的'top‘css动画化，以提供视觉效果，然后分离对象，将CSS 'top’重置为零，并重新附加对象。
从我使用firebug的测试来看，“顶部”值似乎没有被重置，这导致整个菜单不正常.
下面是我正在处理的基本设置的一个小提琴
下
浏览 12提问于2011-06-21得票数 3
回答已采纳
1回答
我创建了一个动画，它在div中向下滚动一段文本，然后我想，如果动画方向(向上或向下)根据滚动方向动态变化(如果你向下滚动，文本也会向下滚动，如果你向上滚动，该文本就会改变方向并向上滚动)，那会很有趣。问题是，我不知道如何用jQuery来更改关键框架CSS。有什么解决办法吗？
@keyframes spam {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(0, 100%);
}
}
和jQuery获得方向：
$(window).bind('mousewheel',
浏览 1提问于2019-02-12得票数 1
2回答
我正在尝试层2图像1在另一个之上，并使他们无限滚动使用jQuery。我能够使CSS中的图像滚动和层，但动画变得非常陡峭。如何使用jQuery在图像上创建无限水平滚动并保持动画流畅？
到目前为止我的代码如下：
CSS：
@keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 100% 0; }
}
#animate-area {
width: 100vw;
height: 100vw;
background-imag
浏览 2提问于2016-10-01得票数 0
我正试着设置一个div，在向下滚动的时候移动。但是只有-150 of，所以它移动到滚动的方式，当页面返回到顶部时，div将返回完整视图。
为此，我使用css TOP属性，并将其设置为-150 0px，然后返回到0px。这很好，但做完后看上去很不稳定。以下是代码：
$(document).ready(function () {
var $mydiv = $('#movablediv');
$(window).scroll(function () {
if($(window).width() >= 641){
if (
浏览 2提问于2015-01-14得票数 1
回答已采纳
1回答
我在jQuery平滑滚动时遇到了问题。我有一个onepager，我想在它上滚动到不同的DIVs，通过锚点。不允许手动从一个DIV滚动到另一个DIV。为了达到这个目的，我禁用了整个页面上的滚动，但在单击菜单按钮的同时将其设置回正常状态一段时间。
它的工作原理是这样的:一旦你进入网站，你就会看到我的第一个DIV内容。当您点击菜单中的一个链接时，您会看到一个简短的动画，其中一个图像离开DIV，然后页面滚动到下一个DIV。在第二个DIV中，图像在动画中显示，文本在其中滚动。第一次它工作，但当我想点击另一个链接时，滚动工作，但一秒钟后，在右边的DIV，页面跳回到顶部(到第一个DIV)。
我已经尝试过用e
浏览 0提问于2015-02-12得票数 1
1回答
我试图动画一个ScrollTop，并遇到一些问题与Jank。
这是我目前的剧本。在滚动浏览器时，我正在滚动的“花哨-滚动”的div相当简陋。
不幸的是，我不能链接到开发站点，因为它是一个客户端，但下面是它的所有代码。它似乎滚动良好，但与鼠标滚动令人难以置信的整洁。
任何帮助都将不胜感激。
$(document).ready(function(e){
$(window).scroll(function(e) {
e.preventDefault();
$('.fancy-scroll').stop().css({
&#
浏览 0提问于2019-11-14得票数 0
回答已采纳
1回答
我一直在尝试将animate.css和waypoints结合起来，但我无法让动画工作。Animate.css创建动画，但它们都发生在页面加载上。当元素进入屏幕时，我希望动画发生，所以这就是我使用waypoint的原因。
我已经加载了动画和路径点文件到我的网站，我是链接到他们。当我加载我的页面时，我看到我的文本消失了(透明度被设置为0)，但是动画不会在我滚动的时候出现。救命啊！
在我的头上：
<link rel="stylesheet" href="../../Webartifacts/animate.css-master/animate.min.css"&
浏览 7提问于2017-03-30得票数 0
2回答
放大地图图像，带有可高亮的部分
、、、、
我必须做4件事与一个形象，我正在创建的网站。
你应该能够放大和缩小图像。
当你滚动图像的某一部分时，它应该突出显示该部分。
当您滚动图像时，应该显示工具提示。
当单击这些滚动部件之一时，它应该链接到另一个页面。
这是图像
如你所见，这是相当复杂的。我有一个非常总部版本的图像，我将使用的网站。
这是一个零售公园的形象，所以当你滚动一个特定的零售。要么整个图像变黑，显示你所在的零售商店的工具提示，要么它变得更加突出显示工具提示。
我将如何在html、css和jquery中做到这一点？像这样的东西是完美的，尽管我需要这个图像才能放大
浏览 4提问于2012-06-25得票数 2
2回答
我试图使用CSS动画使div在页面上按一下按钮就飞进/飞出。我知道如何使用CSS动画，但我的问题是:如果我试图使一个div的位置像-1000%，就会有一个水平滚动条。我不想让它出现，但我也不想禁用滚动条。
浏览 2提问于2021-03-04得票数 0
回答已采纳
下面有带有CSS的div .list元素
.list{
bottom:0;
height:calc(100% - 85px);
left:50%;
max-width:600px;
padding-bottom:85px;
-webkit-transform:translate(-50%,-5%);
z-index:-1;
display:flex;
width:100%;
flex-wrap:wrap;
overflow-x:hidden;
overflow-y:scroll;
posit
浏览 2提问于2022-07-09得票数 0
回答已采纳
下面是一些基本的示例代码：<a href="#bio">Go to Bio</a>，这将把您带到页面的bio部分。有没有办法在链接到这个div时制作一个“滚动动画”？ 这有一个similar question，但答案涉及到JavaScript。我想知道是否有一种方法可以只使用CSS来做到这一点。
浏览 16提问于2020-10-06得票数 0
回答已采纳
2回答
我正在编写javascript卷轴。我有以下html代码
<div class="wrapper">
<div class="red div current"></div>
<div class="blue div"></div>
<div class="green div"></div>
<div class="yellow div"></div>
</div>
浏览 3提问于2013-10-05得票数 0
1回答
使用此现有代码页()。我想添加另一个语句，在一定距离的页面顶部，一个已经动画的div然后在移动时的比例变化。
真正挣扎于语法和增加动画div在滚动上的比例。我猜我将需要使用css转换，但需要一些帮助！
关于js示例，请参见下文：
var $window = $(window);
var $box = $("#box");
$window.scroll(function() {
var scrollTop = $window.scrollTop();
console.log(scrollTop);
if (scrollTop >= 250 &
浏览 3提问于2014-09-10得票数 1
1回答
我在试着做一个动画。动画的本质是，当向下滚动时，文本减少，如果向上滚动，则文本增加。当向下滚动时，它应该保持固定。但我有一个问题:当您放大和缩小时，文本没有链接到任何点，因此附加gif会更清楚。 应该是什么样子的一个例子：Click实际发生的事情的例子：Click HTML <div class="main__logo">
<h1 id="logo">
Fashion
</h1>
</div> CSS .main__logo {
font-size: 200px;
浏览 16提问于2020-07-10得票数 0
1回答
我有几个div的，我想添加动画。我使用animate.css ( )来实现它
<div class="first animated bounce">
...
</div>
<div class="second animated bounce">
...
</div>
现在动画开始后，页面加载，但我想启动动画时，我滚动到div。
我该如何解决这个问题？谢谢
浏览 3提问于2016-06-27得票数 0
回答已采纳
我正在尝试使用jquery-circle-progress ()启动动画，当用户滚动到该位置时。我可以用bug做一点事情。问题是动画一直在重复。当用户滚动到该位置时，我只喜欢将其动画化一次。这是我的工作：
jquery：
$(window).scroll(function() {
var windowWidth = $(this).width();
var windowHeight = $(this).height();
var windowScrollTop = $(this).scrollTop();
$(document).ready(function() {
$('
浏览 0提问于2016-12-04得票数 0
我正在使用phonegap制作一个iPad应用程序，在这种情况下，我喜欢上了，它可以很容易地帮助我处理css3动画。
然而，我遇到了一个障碍。我正在制作一个在线列表，该列表将在新用户登录时添加他们。在滚动页面时添加DOM元素是没有问题的，但是，当添加css3动画来“展开”元素时，动画只有在不滚动时才起作用。因此，在高度为0；的元素上运行动画时，不会生成所需的高度:56px；。
-编辑
这个问题似乎与在运行动画的div之外的其他div中滚动有关。如果我滚动包含friendList的div (这是用overflow auto修复的)，它在滚动时工作良好。只有在滚动实际页面和iOS原生滚动时才会有问
浏览 1提问于2012-10-24得票数 0
1回答
滚动锁定的CSS/JS动画
、、、、
我试图用HTML、CSS和javascript来再现这种动画(如果需要的话，也可以使用jQuery)。
基本上，有多个svg或png层的内容和透明的区域。向下滚动时，图层通过动画化transform:translateZ rotate;属性看上去更近。在各层之间，有名字。
下面是我想象的HTML的样子
<body>
<div class="layer"></div>
<div class="name"></div>
<div class="name">
浏览 1提问于2017-10-22得票数 2
回答已采纳
我正在尝试实现一个基本的文本消息应用程序，并希望滚动div保持滚动到底部，但它始终保持在顶部。我有一个叫做message的div，在那个div里面还有另一个叫做history的div。我使用jQuery将h1标记动态地附加到具有历史id的div中。在for循环运行它的过程之后，所有的内容都被附加到历史div中，我有下面这行代码：
$('#message #history').animate({scrollTop:$('#history').prop("scrollHeight")}, 500);
但是，不会出现任何动画，滚动条将保持在顶部。
我有
浏览 9提问于2017-03-03得票数 1
1回答
这是我的代码，这段代码将一个div从页面底部滚动到顶部。我有3个链接，每个链接滚动另一个div，并隐藏它后面的div。如果等到动画结束，所有的工作都很好。如果我不等待并快速点击链接，它就不起作用了。动画卡住了，有时它不会显示任何div。
会有什么问题呢？
CSS：
.footerDiv{
display:none;
position:absolute;
z-index:900;
top:800px;
left:0px;
background-size:100%;
height: 600px;
width:100%;
margin: 0;
padding: 0;
background-repea
浏览 1提问于2012-12-06得票数 1
我已经用ScrollMgic创建了一个简单的动画:一个水平滚动页面时旋转的窗口。问题是，当滚动窗口页面时，动画看起来很平滑，而当只滚动元素所在的div时，动画非常“急速”。我想隐藏窗口滚动，只留下div滚动，保持动画平滑。有人知道为什么和如何解决这个问题吗？谢谢!
html代码：
HTML
<div class="scrollcontainer">
<div id="scrolldiv" class="scrolldiv">
<div class="weel"&
浏览 21提问于2018-09-10得票数 0
7回答
滑下div点击纯CSS？
、、、
我找到了这个帖子
但是所有的答案都是Jquery方法。有什么方法可以用纯CSS来创建吗？我还有另外几件事.
当滚动时，我可以添加什么来使幻灯片保持不变？
将触发动画的链接更改为“关闭”，以使div幻灯片返回。
下面链接到post// 中的示例
我也尝试过搜索，但唯一的结果是jquery方法..。
浏览 5提问于2012-11-16得票数 7
我已经设置了一个包含大量列的datatable。目前有一个底部滚动条，但我想将滚动链接到datatable顶部的一个按钮。
该按钮被链接到一个单击事件，我找到了这个jQuery示例来动画一个。但是，当我单击该按钮时，该表不是水平向右滚动的：
$("#scrollXRight-btn").click(function () {
//$('div.dataTables_scrollBody').scrollRight($('#escalation').scrollRight() + 20); //method
浏览 2提问于2017-02-07得票数 0
回答已采纳
我在一个垂直滚动的div中遇到了文本输入问题，这个div已经翻译了。
在webkit浏览器中，查看此简化示例：
滚动到div的底部，在文本框中单击，然后按键盘按钮。div向上滚动到顶部，不显示聚焦的输入。预期的行为是div不应该滚动，并且用户可以继续不受阻碍地输入文本。
这几乎就像是浏览器在决定div应该滚动到哪里，而没有考虑到翻译。
有什么可行的解决方法吗？
在实际的应用程序中，有问题的元素使用translate在屏幕上生成动画。在“top”属性上用CSS动画替换translate会严重影响动画的流畅度，但解决了滚动问题。
浏览 2提问于2012-10-03得票数 2
1回答
如何在滚动上动画div？
、、、、
您好，我可以更改和切换滚动的div属性，但当我使用动画时，它不会工作，但以一种奇怪的方式。
以下是工作原理：
$(document).scroll(function() {
$("#register").css({left: $(this).scrollLeft() > 1348? "-140px":"0px"});
});
但这是行不通的：
$(document).scroll(function() {
$("#register").animate({left: $(this).scrollLeft() > 1348
浏览 0提问于2014-10-19得票数 0
我试图动画的滚动技能条，我得到了工作，但现在我试着更进一步，并把动画下来时，你滚动回来。
因此，滚动到330条将动画到每一个div宽度，现在我想在滚动，以动画回到0宽度。
联署材料：
> $(document).ready(function(){ $(document).scroll(function() { var top
> = $(document).scrollTop(); console.log(top);
> if (top > 330) {
> $("#html, #css").animate({width:&
浏览 2提问于2013-10-18得票数 0
有人知道为什么在div上应用CSS 'fadeInDown‘动画会阻止jQuery’滚动‘在同一个div上工作吗？
我的工作是一个交互式的信息图表，并希望一段文字淡出使用CSS fadeInDown，但也淡出滚动使用。jQuery淡入滚动在div上应用很好，直到我添加CSS 'fadeInDown‘。这是指向我在中遇到问题的部分的链接
浏览 2提问于2013-11-25得票数 0
回答已采纳
2回答
我有一个宽度为0px的div。在用户滚动x距离后，我想要将div动画化为140px。
当我滚动到这一点时，在我看到动画之前有一个很长的延迟。我滚动得越远，延迟就越长。我还在同一个点将包含div设置为fixed。固定项工作正常，但动画总是延迟：
HTML：
<div class="menu-bar">
<div class="wrap">
<div id="menu-logo">
<img src="..." />
<
浏览 1提问于2015-07-11得票数 0
1回答
自动滚动水平链接跳转
、、、
我希望我的链接到动画滚动横穿页面到所需的"id“，而不是跳转到它。到目前为止，这就是我所拥有的，但它似乎不起作用。
HTML:
<div class = option1>
<a href= #point1> ➟ </a>
</div>
<div id = point1></div>
<!-- id point is not in the "body" of the link? does that matter? -->
CSS:
body {
min-height:100%
浏览 12提问于2016-06-30得票数 0
我想尝试这个的相同效果，但在如何实现这个动画的动作中迷失了方向。
当用户开始滚动时，标题中的图像放大，滚动标签(垂直)不移动，直到另一个图像显示的点，然后滚动条才开始工作。
如何在滚动时实现此动画？
当时，我想的是:当我滚动时，获取DOM的像素值，以及我想要定位的div的高度。虽然DOM的值小于框的高度，但缩放值应该根据滚动值而改变。
JS看起来像这样：
<script>
$(window).scroll(function() {
var initial_scroll = $('html').scrollTop();
var
浏览 0提问于2019-03-14得票数 1
1回答
我的网站使用带有CSS文件的html。我的导航栏使用Jquery点击动画。我想在导航功能中添加另一个级别的动画，但不知道如何在不中断现有单击动画(滚动)的情况下插入另一个单击动画(滑动/切换)。
下面是它现在的设置方式
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jonah Rapino - Film Scoring</title
浏览 1提问于2012-06-27得票数 0
5回答
Colorbox滚动条
、、、、
我有一个在一个lightbox中打开的图像(Colorbox是脚本)。当图像打开时，我添加了一个CSS3动画。效果很好，但一开始，lightbox有滚动条，一旦动画完成，滚动条就会消失。
如何阻止lightbox显示滚动条？
代码：
#start{
/* Width and Height of the Image */
width:526px;
height:450px;
}
<div class="hide">
<div id="start">
<img src="/Images/designs/start
浏览 1提问于2012-10-24得票数 2
回答已采纳
1回答
我正在搜索jQuery/CSS解决方案，以便在与滚动条相关的页面上定位div。
当用户从左向右滚动(水平)时，div首先必须在(fixed) left: 30%上启动，当用户滚动到末尾(右)时，div必须从右位于(fixed) 30% 。
当滚动div时，必须从左到右逐步显示动画。
浏览 0提问于2012-09-15得票数 1
1回答
我在摆弄CSS动画，因为它们太棒了。
我正在试着在页面的左手边做一个导航栏。我希望条形图占据页面高度的100%，但是当我为高度设置该属性时，我的条形图不再出现在页面上。CSS动画不能使用基于%的高度和宽度吗？
我的CSS：
body{
overflow: hidden;
padding: 0;
overflow-x: hidden
}
div {
-webkit-animation:myfirst 4s; /* Safari and Chrome */
-webkit-animation-fill-mode: forwards;
font-size: .2px;
pad
浏览 2提问于2013-11-08得票数 0
1回答
如何使动画与页面滚动位置相对应，以便当用户滚动经过它时，动画转到位置A，当用户的页面滚动位置经过它时，动画转到位置B？ 这是我想做的一个模型： ? (3页的轴心点由下方的蓝点表示。) 我已经找到了由页面滚动(such as AOS或ScrollTrigger)触发一次的动画的各种示例，或者可以多次重新触发的示例，但我还没有找到任何将动画进度与页面滚动位置联系起来的示例。 也许它可以通过修改一些现有的例子来完成，但如果不能，我想我将需要想出一些使用the CSS animation property的自定义东西，并以某种方式将其连接到页面滚动位置。 有什么想法可以实现这一点吗？谢谢。
浏览 21提问于2019-01-22得票数 3
回答已采纳
1回答
我的问题可能很简单。如何循环这个函数？现在，scroll事件只工作一次。我正在寻找解决方案，如何启用else功能(平滑滚动从红色div到蓝色div)
下面是js代码：
var o = true;
if (o === true) {
$('div').scroll(function () {
if(o){
$('div').animate({
scrollTop: $("#red").offset().top
}, 1000);
o=false;
}
});
}
浏览 5提问于2017-12-06得票数 0
我使用高度属性动画我的DIV，它出现在另一个元素的悬停-它从顶部“滚动”。有没有一种方法来旋转动画，所以我会让它从下到上出现？
HTML：
<a href="#" class="show">SHOW IT</a>
<div id="appear">
<img src="http://data.atria.sk/matmenu/celevyk.jpg" />
</div>
CSS：
#appear {
width: 308px;
height: 0
浏览 3提问于2015-05-28得票数 8
回答已采纳
我在一个网页上有两个div。第一个div是#模式，另一个div是#top。
当用户到达我的网页时，这两个div是visibile。一旦用户开始滚动，我希望"# top“div滚动到顶部。我成功地做到了这一点，但是一旦它完成了，我希望用户再次开始滚动，我只希望滚动动画出现一次，当用户第一次滚动时。
我正在使用jquery.scrollTo插件。
我试过用旗子，但不管用.
这是我的html：
<div id="pattern">
</div>
<div id="top">
</div>
我的css：
#pat
浏览 1提问于2015-10-29得票数 0
回答已采纳
1回答
当我向下滚动时，如何使用jquery将透明菜单动画化为黑色？我正在尝试使用滚动功能，但我不知道如何动画渐变。
HTML：
<body>
<div id="menu">
</div>
<div id="text">
</div>
</body>
CSS：
#menu {
width: 1200px;
height: 90px;
background-color: rgba(0, 0, 0, 0.3);
position: fixe
浏览 3提问于2015-04-15得票数 0
6回答
我有一个有两个标签的页面，我希望能够用Javascript切换，但也要在网址中设置锚点(例如page.html#tab1)用于书签/链接。
默认情况下，选项卡内容位于两个div中，一个位于另一个的下方，锚定标记将滚动到正确的位置，同时禁用JS。
在启用JS的情况下，将应用CSS类以使其充当选项卡。每个选项卡链接到每个锚点，但当您单击以切换选项卡时，页面会滚动到该选项卡。如果我从onclick函数返回false，那么URL不会更改为包含锚。
如何使浏览器URL更改为page.html#tab1，而不滚动到#tab1 ?？
浏览 4提问于2009-09-05得票数 6
回答已采纳
2回答
我在同一页上有一个链接和一个元素：
<a href="#about-us" id="link">Click</a>
<div id="#about-us"></div>
以及以下javascript：
var scrollto = window.location.hash;
if (window.location.hash != null && window.location.hash != '') {
$('html, body').ani
浏览 3提问于2015-07-27得票数 1
6回答
我有一个用CSS3制作动画的条形图，该动画当前在页面加载时被激活。
我的问题是，给定的条形图被放置在屏幕之外，因为它之前有很多内容，所以当用户向下滚动到它时，动画已经完成了。
我一直在寻找通过CSS3或jQuery只在查看者看到图表时激活条形图上的CSS3动画的方法。
<div>lots of content here, it fills the height of the screen and then some</div>
<div>animating bar chat here</div>
如果你在页面加载后非常快地向下滚动，你可以看到它的
浏览 1提问于2013-05-02得票数 57
回答已采纳
1回答
我想做的是：
当用户在页面中向下滚动600个像素(或向下滚动20% )后，在接下来的800个像素(或页面的下一个10%的距离)上会出现一个动画。文本将从右向左移动，因此从0到-200%。它应该在600像素开始动画，在1400像素结束动画。这个是可能的吗？
目前，我想这样做：
$('.div1').css({
'position' : 'fixed',
'top' : '-32%',
'display' : 'block',
'width'
浏览 2提问于2016-01-07得票数 0
1回答
我包括了css3动画在滚动：动画是工作的。问题是动画不适用于滚动显示。我使用的是on电-scrol.js。这是我的身体：
<div class="main">
<section class="home animatedParent">
<h1 class="animated swing">I am Leon Laci</h1>
<h3 class="animated swing slower">Front End Web
浏览 2提问于2015-02-09得票数 0
回答已采纳
3回答
从屏幕右边拔出div
、、、、
从左边拔出一个div？像馅饼一样简单。从右边拔出来？不是很多。
我正在寻找一个div被隐藏在屏幕外，但连接到屏幕上的一个小标签。当用户单击标记时，将整个div幻灯片显示出来。这是非常基本的从左边使用jQuery和CSS。不过，从右边看，用户只需滚动即可看到“隐藏”div！
这里是我想要的()，除了div是部分隐藏的屏幕外左，我想要它部分隐藏在屏幕外-右。
以下是我到目前为止尝试过的()，显然它不起作用，因为我们只需向右滚动即可。
使用动画(或幻灯片或切换放置)的问题是，我不希望整个div消失/出现，我希望有一点是存在的。
浏览 2提问于2012-05-02得票数 3
回答已采纳
我试图使用Python中的Selenium从网站上删除数据，其中数据只在我单击“Details”按钮时才会出现，问题是这个按钮最初是不可见的，需要在内部滚动条上滚动。
供参考，以下是网站：
目标是滚动这个内部滚动条，这样我就可以点击按钮，查看/刮取数据。
这是我的初始代码：
scrollBar = driver.find_element(By.XPATH,'//*[@id="mCSB_1_dragger_vertical"]/div')
driver.execute_script("arguments.scrollBy(0,arguments[0].sc
浏览 25提问于2022-05-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
