社区所有版块导航
Python
python开源   Django   Python   DjangoApp   pycharm  
DATA
docker   Elasticsearch  
aigc
aigc   chatgpt  
WEB开发
linux   MongoDB   Redis   DATABASE   NGINX   其他Web框架   web工具   zookeeper   tornado   NoSql   Bootstrap   js   peewee   Git   bottle   IE   MQ   Jquery  
机器学习
机器学习算法  
Python88.com
反馈   公告   社区推广  
产品
短视频  
印度
印度  
Py学习  »  Jquery

如何使用jquery更改动画速度?

notgrilbi • 5 年前 • 368 次点击  

我有这个密码

.test2{
transition: 10s;  
}

js公司

window.onscroll = function() {
  $( ".test2" ).animate({
  top: -s-100 }, 0, "linear");  
  }

window.onscroll = function() {
  $('.test2').css('transition',  0);  
  $('.test2').css('transition',  "");  
  }

但什么也没发生。它应该是当我用滚轮向下滚动页面或点击滚动条上的鼠标时,此时转换:0s;但当我停止时。然后转换立即变为10秒

有可能做这样的事吗?

Codepen 例子

Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/54449
 
368 次点击  
文章 [ 1 ]  |  最新文章 5 年前
Ande Caleb
Reply   •   1 楼
Ande Caleb    6 年前

只是一个小代码,还没有测试过,但我希望它接近你想要的,使用 offset() 在滚动页面时检索顶部位置。。

并设置 xtop 变量,然后调用 doAnimation() 每次页面滚动时,请记住调用 stop() 方法,以便动画缓存不会提示系统的速度。

var xtop;

window.onScroll = function(){
    xtop = $(window).offset().top; //get the top position.
    doAnimation();
}

function doAnimation(){
   $(".test2").stop().animate({top: xtop}, 10000, "linear");  
}

xtop公司 位置在10秒(10000毫秒),我希望它能工作。