gpt4 book ai didi

javascript - Jquery 我的照片在我尝试给它一个不同的 css 以在它达到特定的滚动数字时更改为时不断跳跃

转载 作者:行者123 更新时间:2023-11-28 02:06:42 26 4
gpt4 key购买 nike

当我向下滚动时,我有一个 Logo 在 1 个位置旋转,直到它在我的 console.log 上达到 600,然后它开始向右滑动。问题是当它达到 600 而不是 Logo 开始滑动时它传送到如果有意义,则改为 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)');}


});

最佳答案

在你的最后一个 if 语句中,你只是将直接的 css 样式设置为启动而不是动画到那个结束状态。

在你最后的 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 .

关于javascript - Jquery 我的照片在我尝试给它一个不同的 css 以在它达到特定的滚动数字时更改为时不断跳跃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48981855/

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