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

发布网友发布时间：2022-04-21 05:18

我来回答

共7个回答

热心网友时间：2022-04-21 00:08

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()），如果到达页面底部，提示“已经到底部了”。

热心网友时间：2022-04-21 01:26

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

热心网友时间：2022-04-21 03:01

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.希望你能明白，早日进步哦！

热心网友时间：2022-04-21 04:52

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

热心网友时间：2022-04-21 07:00

滚动应该使用jquery的动画效果写的吧？但点击导航到第三屏结束的适合可以赋予一个完成后执行的函数，在函数里面添加动画效果，就行，让动画到滚动执行完后在开始执行追问能详细点吗、？刚接触jquery。。好多不懂

追答jquery有自己的动画效果方法，像锚点这个可以用animate 改变滚动条坐标，在animate方法里面可以设置滚动结束后才做的动作，

热心网友时间：2022-04-21 09:25

热心网友时间：2022-04-21 12:06

那可以在点击导航的时候再触发动画啊，具体的要看过你的代码才知道要怎么改