javascript - 滚动一定距离后弹出文本不起作用

Question

我试图让文本以不同的 y 滚动间隔在固定位置弹出，但是，我似乎无法正确链接脚本。它似乎跳过了显示第一条消息的第一个 Action 。

代码:http://jsfiddle.net/k8bnd/

var startY = 1500;
var stopY = 2000;

$(window).scroll(function(){
checkY();
});

function checkY()
{
console.log($(window).scrollTop()); 
if($(window).scrollTop() > startY && $(window).scrollTop() <= stopY)
{
    console.log("Show"); 

    $('.titleTwo').show(); 
}
else
{
    console.log("Hide"); 
    $('.titleTwo').hide();
} }
checkY();

Answer 1

您的函数应该有不同的名称。尝试

var startY1 = 900;
var stopY1 = 1800;
var startY2 = 1801;
var stopY2 = 2500;

$(window).scroll(function(){
    checkY();
});

function checkY()
{
    console.log($(window).scrollTop()); 
    if($(window).scrollTop() > startY1 && $(window).scrollTop() <= stopY1)
    {
        console.log("Show"); 
        $('.foxedDiv').show(); 
    }
    else
    {
        console.log("Hide"); 
        $('.foxedDiv').hide();
    }

    if($(window).scrollTop() > startY2 && $(window).scrollTop() <= stopY2)
    {
        console.log("Show"); 

        $('.foxedDivved').show(); 
    }
    else
    {
        console.log("Hide"); 
        $('.foxedDivved').hide();
    }
}

checkY();

固定 fiddle :

http://jsfiddle.net/k8bnd/1/