.scroll事件监听函数无法返回true/false，返回undefined的问题排查

你的poser函数始终返回undefined的核心原因有两个：

1. 函数本身没有任何返回语句，调用时自然默认返回undefined
2. 滚动事件回调里的return仅作用于回调函数内部，无法将值传递到外层的poser——因为poser在注册完滚动事件后就已经执行完毕，回调是后续滚动发生时才会触发的异步逻辑

方案一：即时检测视口状态（调用即返回当前结果） #

如果需要调用函数时立刻获取元素是否在视口的状态，修改函数直接计算并返回布尔值：

function poser(x) {
    const $el = $(x);
    const windowHeight = $(window).height();
    const elementHeight = $el.outerHeight();
    const scrollTop = $(window).scrollTop();
    // 用offset().top获取元素相对于文档顶部的位置，比position()更准确
    const elementTop = $el.offset().top;

    const isEntered = scrollTop + windowHeight >= elementTop;
    const isCompletelyOut = elementTop + elementHeight <= scrollTop;

    // 元素部分/完全在视口内返回true，否则返回false
    return isEntered && !isCompletelyOut;
}

// 即时检测示例
console.log(poser(".sectionOne"));

// 如需监听滚动实时更新状态
$(document).scroll(function() {
    console.log(poser(".sectionOne"));
});

方案二：滚动监听回调模式（适配高阶函数场景） #

如果需要在滚动过程中实时触发状态判断并传递给高阶函数，可以让poser接收一个回调函数，在状态变化时通知外层：

function poser(x, statusCallback) {
    const $el = $(x);

    function checkViewportStatus() {
        const windowHeight = $(window).height();
        const elementHeight = $el.outerHeight();
        const scrollTop = $(window).scrollTop();
        const elementTop = $el.offset().top;

        const isEntered = scrollTop + windowHeight >= elementTop;
        const isCompletelyOut = elementTop + elementHeight <= scrollTop;
        const isInViewport = isEntered && !isCompletelyOut;

        // 将状态传递给回调函数，供高阶函数处理
        statusCallback(isInViewport);
    }

    // 初始化时先执行一次检测
    checkViewportStatus();
    // 绑定滚动事件监听
    $(document).scroll(checkViewportStatus);
}

// 调用示例（适配高阶函数）
poser(".sectionOne", function(isInViewport) {
    console.log(isInViewport);
    // 此处可将isInViewport传入你的高阶函数做后续处理
});

额外优化细节 #

• 替换position().top为offset().top：前者是元素相对于最近定位父元素的偏移，后者是相对于文档顶部的绝对位置，更符合视口检测需求
• 移除多余的parseInt：jQuery返回的height()、scrollTop()等值本身就是数字类型，无需强制转换
• 完善边界逻辑：覆盖元素完全滚动出视口顶部的情况，确保返回值逻辑严谨

内容的提问来源于stack exchange，提问作者Sercan Aslan