滾動到頂部沒有工作

Question

你好我是jQuery的新手，我有一個問題！ 我想滾動到頂部，在通過AJAX調用加載的頁面中。

此作品（測試）：

$(document).on('click', '#top_icon', function() { 
    alert('ok'); 
}); 

但這不工作（這是我想達到的目標）：

$(document).on('click', '#top_icon', function() { 
    $('html, body').animate({scrollTop: '0px'}, 800); 
}); 

Answer 1

試試這個，

$(document).on('click', '#top_icon', function() { 
    $('html, body').animate({'scrollTop': '0px'}, 800); 
    return false; 
}); 

scrollTop你的情況是undefined。

Answer 2

我不確定jQuery，但scrollTop不是CSS屬性，因此可能不是可以動畫的屬性的一部分。

但是你可以爲這個自己創建一個簡單的動畫：

var startValue = 0; 
var endValue = 0; 
var duration = 800; 
var distance = 0; 
var velocity = 0; 
var step = 0; 
var endTime = 0; 

var animate = function() { 

    var elapsedTime = new Date().getTime() - step; 
    document.body.scrollTop += velocity * elapsedTime; 
    step = new Date().getTime(); 

    if (step > endTime) 
     document.body.scrollTop = endValue; 
    else 
     setTimeout(animate, 15); 

} 

    yourButton.onclick = function() { 

     startValue = document.body.scrollTop; 
     distance = endValue - startValue; 
     velocity = distance/duration; 
     step = new Date().getTime(); 
     endTime = step + duration; 
     animate(); 

    }; 

這裏是一個小提琴：http://jsfiddle.net/pXvQG/12/，向下滾動動畫，點擊身體。