gpt4 book ai didi

Jquery渐变动画,进度条

转载 作者:太空宇宙 更新时间:2023-11-03 18:51:56 25 4
gpt4 key购买 nike

我有一个高度:15px 和宽度:300px,这将是渐变进度条动画的地方。

所以假设这里是文档:

<html>
<body>
<a href="#container3">Container 3</a>
<div id="container1" style="width:100%;height:1000"></div>
<div id="container2" style="width:100%;height:650"></div>
<div id="container3" style="width:100%;height:480"></div>
<div id="container4" style="width:100%;height:600"></div>
</body>
</html>

假设那边有一个固定位置的进度条。所以当你点击Container 3时它会向下滚动到元素#container3,渐变进度条的宽度会随着文档的向下滚动而增加,也就是说渐变进度条是相对于你滚动的高度的,会达到最全宽度,因为元素 #container3 将到达屏幕顶部。滚动也可以手动完成,而不仅仅是单击容器 3

-我如何动画渐变(从左到右)背景颜色- 什么是 jquery 算法来获得相对于您滚动的高度的渐变宽度增加/减少。

非常感谢现场示例

最佳答案

关于Jquery渐变动画,进度条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14685395/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com