Question

一旦视口达到div内的特定高度，我可以在Javascript中启动一些代码吗？

我使用这段代码计算div高度的25％，50％，75％和100％：

var contenido = ".my-div";

//Show div height
console.log($(contenido).height());

//Show div height (25%)
console.log(Math.round($(contenido).height()/4));

//Show div height (50%)
console.log(Math.round($(contenido).height()/2));

//Show div height (75%)
console.log(Math.round($(contenido).height()-($(contenido).height()/4)));

忘掉console.log，我只是用它来表明计算出的高度。

我知道您可以使用以下内容制作整个页面：

$(window).scroll(function() {
    if ($(window).scrollTop()  > $(window).height() / 2)
    {
       //code
    }
});

我想知道是否可以用特定的元素做类似的事情。

我尝试使用航路点，但不知怎的，我不太了解偏移部分，或者至少它没有达到我的期望。

Answer 1

不知怎的，我理解你如何使用Waypoints（如果英语不是你的母语，有时很难理解技术文档）

var venticincopor = -Math.abs($(contenido).height()/4);


$(contenido).waypoint(function() {

    console.log("25%");

}, { offset: venticincopor, triggerOnce: true });

检测是否已达到div的中间位置

1 个答案: