Question

尝试使用Jquery航点在滚动上创建动画。控制台中没有错误，但滚动时不会发生影响。如果我打开开发者控制台然后将其关闭，则会触发效果。这很奇怪，因为这是我在另一个网站上重复使用的代码，并且可以在该网站上正常工作。

$(document).ready(function() {

$('.js--wp-1').waypoint(function(direction) {
   $('.js--wp-1').addClass('animated fadeIn');
}, {
   offset: '50%'
});

});

HTML中包含的脚本

<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/
jquery.min.js"> 
</script>


<script src="Vendor/JS/jquery.waypoints.min.js"></script>
<script src="Resources/JS/script.js"></script>

CSS

.js--wp-1 {
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}

.js--wp-1.animated {
opacity: 1;
}

Answer 1

我找到了问题，现在已解决。我将身体的高度设置为100％，将CSS文件的高度设置为HTML。如果其他人发现他们的航路点不起作用，并且代码正确，则可能是这样。

航点动画无法在滚动条上运行

1 个答案: