使.close选择填充来初始化脚本

Make .closest pick the padding to initiate script

本文关键字：初始化 脚本 填充 close 选择      更新时间：2023-09-26

我现在有它，所以当你向下滚动一个固定的文本将出现。但是，当viewport滚动到<span>时，运行它的脚本当前正在启动。我怎样才能让脚本在<span>
上方100px处开始呢?我试过使用<div>并将其定位在我想要的地方，以便脚本拾取而不是<span>，然而，这只是增加了不必要的空白空间。

<div class="invis"></div>
.invis { height: 100px; visibility: hidden; }

代码:http://jsfiddle.net/suLLL/1/

$(window).scroll(checkY);
function checkY() {
    //save this value so we dont have to call the function everytime
    var top = $(window).scrollTop();
    $(".title").each(function () {
        var target = $(this).closest(".content");
        var tTop = target.offset().top;
        var tBottom = target.offset().top + target.outerHeight();
        if (top >= tTop && top <= tBottom) {
            console.log("Show");
            $(this).show();
        } else {
            console.log("Hide");
            $(this).hide();
        }
    });
}
checkY();

你可以从'tTop'变量中移除高度:

var someVal = 100;
var tTop = target.offset().top - someVal;
相关文章：