Question

$( window ).load(function() {
    if ($(window).scrollTop() == 0) {
        $('#girl').delay(4000).fadeOut(4000);
        $('#new_girl').fadeIn(500);
    }
    else{

    }

});

当我加载页面并在4s后向下滚动时，此功能正常工作但是当我加载页面并在页面加载时开始滚动然后再次工作。我想要那个，如果我向下滚动而不等待4秒，那么就破坏这个函数。可能这个逻辑应该在else语句中设置。谢谢......

Answer 1

$( window ).load(function() {表示您的代码只会在window完全加载时执行

所以你必须等待。

你能做的就是只写这段代码

 if ($(window).scrollTop() == 0) {
        $('#girl').delay(4000).fadeOut(4000);
        $('#new_girl').fadeIn(500);
    }
    else{

    }

并确保在此代码之前包含jQuery

如果标识为#girl和#new_girl的元素未加载到DOM中，可能会出现JS错误

Answer 2

No.1为什么你使用$（“window”）。加载方法..你知道只有在所有内容都加载到页面后才会触发事件......比如css，js和包含图像。

如果要在文档加载后立即触发它，请使用document.ready方法代替它。否则请在此处查看橙色按钮，然后查看代码siteflu

Answer 3

但这也是你的代码所说的。你能做的是$(document).ready(function(){

向下滚动时消除效果

3 个答案: