滚动到无法在手机上工作的页面顶部

scroll to top of page not working on mobile

本文关键字：工作 顶部 手机 滚动      更新时间：2023-09-26

我已经研究并尝试从SO实现许多解决方案，但无法使其发挥作用。我尝试过使用iscroll库，设置超时等

当用户单击按钮时，我想滚动到移动电话设备中的窗口/页面的顶部。

$('.box').click(function(){
   document.body.scrollTop = 0;
});

这里有一个版本，它可以处理所有文档；）

// ===== Scroll to Top ==== 
$(window).scroll(function()  //When the page is being scrolled
{
    if ($(this).scrollTop() >= 150)    // If page is scrolled more than 150px
    {
        $("#return_to_top").fadeIn(200);    // Fade in the arrow, 200 means that arrow will be shown in 200 miliseconds (fast) - 600 means slow, 400 is normal
    }
    else
    {
        $("#return_to_top").fadeOut(200);   // Else fade out the arrow, fast
    }
});
$(document).ready(function()  //When the page is ready, load function
{
    $("#return_to_top").click(function()  // When arrow is clicked
    {
        $("body,html").animate(
        {
            scrollTop : 0                       // Scroll to top of body
        }, 400);  //how fast the scrolling animation will be in miliseconds
    });
});
相关文章：