如何让jquery动画效果在屏幕滚动到指定位置才执行

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用div标签创建一个模块，并设置其id为mycss。

3、在css标签内，定义div的样式，设置其宽度为100px，高度为2000px，背景颜色为粉红色。

4、在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。

5、在function方法内，使用if语句判断，当前滚动的位置（scrollTop()）是否到达页面的底部（$(document).height()-$(window).height()），如果到达页面底部，提示“已经到底部了”。

在第二页需要判断滚动方向 意思是在每次滚动完成后都需要记住scrollTop
然后才好判断滚动方向 否则没办法做到向上滚动....

1.CSS属性值是逐渐改变的，这样就可以创建动画效果。因此只有数字值可创建动画，比如margin:30px 而字符串值无法创建动画，比如background-color:red

2.要实现animate滚动到页面指定id的位置，就要获取ID的数字值，也就是距离顶部的距离，再通过animate的scrollTop滚动

$(document).ready(function($){
  $('#comt').click(function(){
    $('html,body').animate({scrollTop:$('#comments').offset().top}, 800);
  });
  $('#xia').click(function(){
    $('html,body').animate({scrollTop:$('#footer').offset().top}, 800);
  });
});

3.点击ID为comt的元素，回到ID为comments的位置；点击ID为xia的元素，回到id为footer的位置。

4.希望你能明白，早日进步哦！

滚动应该使用jquery的动画效果写的吧？但点击导航到第三屏结束的适合可以赋予一个完成后执行的函数，在函数里面添加动画效果，就行，让动画到滚动执行完后在开始执行