javascript - Bagaimana untuk mencapai kesan kembali ke atas pada telefon mudah alih? (Bar skrol pada telefon bimbit akan disembunyikan dan tidak dapat dikesan) Fungsi sauh rangka kerja sui yang saya gunakan tidak boleh digunakan.

Question

Seperti tajuk, kerana rangka kerja sui digunakan, kesan pautan anchor a tidak mempunyai kesan Walaupun saya melumpuhkan fungsi penghalaan, ia masih tidak berfungsi Adakah terdapat kaedah js untuk kembali ke atas? tuan yang biasa dengan rangka kerja sui Bagaimana saya harus melaksanakannya?

天蓬老师 · Answer

    //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
    $(function () {
        $(window).scroll(function () {
            if ($(window).scrollTop() > 100) {
                $("#back-to-top").fadeIn(1000);
                console.log($(window).scrollTop())
                console.log(window.innerHeight)
            }
            else {
                $("#back-to-top").fadeOut(1000);
            }
        });
        //当点击跳转链接后，回到页面顶部位置
        $("#back-to-top").click(function () {
            $('body,html').animate({scrollTop: 0}, 1000);
            return false;
        });
    });

Saya menulis demo kecil yang boleh dicetuskan




    
    Title
    
    
    
    
    
    
    



 我是主体内容


  返回顶部