Py学习  »  Jquery

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

notgrilbi • 4 年前 • 303 次点击  

我有这个密码

.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
 
303 次点击  
文章 [ 1 ]  |  最新文章 4 年前
Ande Caleb
Reply   •   1 楼
Ande Caleb    5 年前

只是一个小代码,还没有测试过,但我希望它接近你想要的,使用 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毫秒),我希望它能工作。