• jquery: 回到顶部


    function toggleToTopBtn(toTopBtn, scrollTop, clientHeight) {
                if (scrollTop > clientHeight) {
                    toTopBtn.css('display', 'block')
                } else {
                    toTopBtn.css('display', 'none')
                }
            }
    
     $(document).ready(function () {
                /*回到顶部*/
                let toTopBtn = $('#toTopBtn');
                let scrollTop = $(document).scrollTop();
                let clientHeight = document.documentElement.clientHeight;
                toggleToTopBtn(toTopBtn, scrollTop, clientHeight);
                $(window).on('scroll', () => {
                    scrollTop = $(document).scrollTop();
                    toggleToTopBtn(toTopBtn, scrollTop, clientHeight);
                })
                toTopBtn.on('click', () => {
                    $('body,html').animate({
                        scrollTop: 0
                    }, 500)
                })
            })
  • 相关阅读:
    day20
    day19
    day18
    day17
    day16
    day14 HTML
    day7课程
    day6
    python-day4
    python-day3
  • 原文地址:https://www.cnblogs.com/Nyan-Workflow-FC/p/13152605.html
Copyright © 2020-2023  润新知