jquery: 回到顶部

function backToTop() {
    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)
    })
}

 

function toggleToTopBtn(toTopBtn, scrollTop, clientHeight) {
    if (scrollTop > clientHeight) {
        toTopBtn.css(‘visibility‘, ‘visible‘);
    } else {
        toTopBtn.css(‘visibility‘, ‘hidden‘);
    }
}

 

jquery: 回到顶部

上一篇:android 实现点击edittext的“小眼睛”切换明密文


下一篇:Android开发中,使用 EditText 输入内容,如何进行一键清空内容处理