我想创建一个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(),但这个页面不会生成滚动条。只需向下滚动/向上滚动即可到达每个部分。
答案 0 :(得分:0)
试试这个
if ($("section[data-section='tv']")[0].style['transform']
== "translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0)") {
alert("OK");
}