如何通过到达JQuery中的页面部分来创建操作

时间:2015-03-19 14:39:17

标签: jquery

我想创建一个JQuery脚本,当用户到达页面的某个部分时会生成一个动作。

以下是部分示例:

<section class="main-section tv-section" data-section="tv" 
    style="visibility: inherit; 
    opacity: 1; 
    transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);">
</section>

每个到达的部分都会将translate元素更改为0 / -100%/ - 200%/ - 300%。

我试着写出这种情况,但没有任何反应:

jQuery(function($) {
    if ($("section").data-section("tv").style("transform") 
        == "translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0)") {
        alert("OK");
    }
});

我也尝试使用scrollTop(),但这个页面不会生成滚动条。只需向下滚动/向上滚动即可到达每个部分。

1 个答案:

答案 0 :(得分:0)

试试这个

if ($("section[data-section='tv']")[0].style['transform']
        == "translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0)") {
        alert("OK");
    }

see this