jQuery实现“返回网页顶部”“直达网页底部”功能具体代码

2023-04-2112:30:36WEB前端开发Comments1,630 views字数 355阅读模式
返回网页顶部和直达网页底部这个需求在做网页的时候经常遇到,今天给大家分享一下jQuery的实现方法。

一,使用jQuery实现“返回网页顶部”功能的具体代码。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/36509.html

1
2
3
4
5
6
$(selector).click(function(){
    $("html,body").animate({
        scrollTop: 0
    }, 800);
    return false;
});

二,使用jQuery实现“直达网页底部”功能的具体代码。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/36509.html

1
2
3
4
5
6
$(selector).click(function(){
    $("html,body").animate({
        scrollTop: $(document).height()
    }, 800);
    return false;
});
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/36509.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/gcs/36509.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定