Question

我开始使用jQuery代码。我有下一个脚本：

$(window).scroll(function() {
if ($(this).scrollTop() > 750 ) {
    $( ".navigator" ).fadeIn();
} else {
    console.log('there');
    $( ".navigator" ).fadeOut();
}
});

是否可以使用DIV（例如）代替像素来更改脚本的开头？我想在滚动到达元素时激活此效果。这可能吗？

Answer 1

您可以尝试：使用$(element).offset().top

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>




<div id="place" style="width:150px;height:1050px;">adasdasdas

</div>

<div class="navigator" style="width:150px;height:150px;color:green;"> hi....</div>
<style>

#place {
  display: table-cell;
  width: 50%; 
  padding: 1em;
  border: solid;
}

.navigator{
  display: table-cell;
  width: 50%;
  padding: 1em;
  border: solid;
}
</style>

<script>

var targetOffset = $("#place").offset().top;
$(window).scroll(function() {
if ($(this).scrollTop() > targetOffset ) {
    $( ".navigator" ).fadeIn();
} else {  
    $( ".navigator" ).fadeOut();
}
});

</script>

＆＃13;

如何使ScrollTop成为元素

1 个答案: