文章/答案/技术大牛

发布

社区首页 >问答首页 >Jquery我的照片在我尝试给它一个不同的css时，当它命中一个特定的滚动数字时，它会一直跳跃

问Jquery我的照片在我尝试给它一个不同的css时，当它命中一个特定的滚动数字时，它会一直跳跃
EN

Stack Overflow用户

提问于 2018-02-26 13:16:36

回答 1查看 24关注 0票数 0

当我向下滚动时，我有一个标志在一个点上旋转，直到它在我的console.log上达到600，然后它开始滑到right.The，问题是当它达到600时，而不是标志开始滑动到600，如果有意义的话，它会传送到600。

        var $win = $(window);
         var $jet = $('#jet');


        $win.on('scroll',function(){
          var top = $win.scrollTop();

         if ($(window).scrollTop() < 600) {
         console.log($win.scrollTop())
            $jet.css('transform', 'rotate(' + top +'deg)');

            }

         if ($(window).scrollTop() > 600) {console.log($win.scrollTop())
            $jet.css('transform', 'translateX(' + top +'px)');}


           });

css

javascript

jquery

回答 1

Stack Overflow用户

发布于 2018-02-26 13:40:36

在您的最后一条if语句中，您只是将即时css样式设置为kick-in，而不是动画到该结束状态。

在最后一条if语句中，而不是：

$jet.css('transform', 'translateX(' + top + 'px');

尝试：

$jet.animate({
  transform: 'translateX(' + top + 'px)'
}, 5000, "linear", function() {
  // any javascript to apply immediately as animation completes
});

这将在5秒内将对象水平移动“顶部”像素。

请参阅API documentation page for more information about the jQuery Animate function。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48981855

复制

相似问题

问Jquery我的照片在我尝试给它一个不同的css时，当它命中一个特定的滚动数字时，它会一直跳跃
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery我的照片在我尝试给它一个不同的css时，当它命中一个特定的滚动数字时，它会一直跳跃EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery我的照片在我尝试给它一个不同的css时，当它命中一个特定的滚动数字时，它会一直跳跃
EN