滚动到页面顶部无法在移动设备上运行

时间:2016-07-22 10:45:08

标签: javascript jquery ios

我已经看过并试图从SO实施许多解决方案,但无法让它工作。我尝试过使用iscroll库,设置超时等。

当用户点击按钮时,我想滚动到手机设备中窗口/页面的顶部。

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

1 个答案:

答案 0 :(得分: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
    });
});