Question

我有一个名为＆＃34; article-text＆＃34;在200px高度的情况下，我想确定用户与文章顶部的滚动距离＆＃34;文章文字＆＃34;格。

例如，如果用户从＆＃34;文章文本＆＃34;的顶部滚动100px，它会发出警报＆＃34;你已从文章顶部达到50％＆＃34;。

抱歉，我是新手。

Answer 1

通过命名I我假设您的ID为article-text。如果没有，请将$('#article-text')更改为$('div[name="article-text"]')。同样按距离我假设您指的是从窗口视图的底部到div的 50％点的距离。如果你想要的话，请告诉我。

如果您希望能够执行该div的其他百分比，则只需更改($article.height()/2)中的 2 即可计算百分比。因此($article.height()/1) = 100％，($article.height()/4) = 25％，依此类推。移除+ ($article.height()/2)将为您提供距离该div顶部的距离。

Demo

$(window).on('scroll', function(){
    var $article = $('#article-text'),
        article50Percent = $article.offset().top + ($article.height()/2),
        distance = article50Percent - ($(this).scrollTop() + $(this).height());
    console.log(distance);
});

jQuery：确定div顶部的滚动位置距离

1 个答案: