cuộn trơn tru với javascript onclick

Question

Tôi đang sử dụng liên kết này:

<a class="" onclick="location.href='#top'" href="superContent">superContent</a> 

Nó làm hai việc cùng một lúc:

1. nhảy người dùng trên cùng của trang
2. Thực hiện này khác (không liên quan) chức năng tải ajax

Mọi thứ đều hoạt động tốt, ngoại trừ tôi đang cố gắng tìm hiểu cách di chuyển đến đầu trơn tru hơn. Tôi đã thử thêm .scroll để đính kèm nó vào plugin scrollT jquery của tôi, nhưng không có gì xảy ra, mà có lẽ có một cái gì đó để làm với thực tế là tôi đang sử dụng javascript onclick, trong khi thuộc tính href làm cái gì khác hoàn toàn.

Có cách nào để đính kèm hoạt ảnh mượt mà cuộn lên onclick = "location.href = '# top'" không?

Answer 1

Hãy thử điều này, nó sẽ làm hoạt hình chức năng scrollTop(). id

Set link của:

<a id="link">link</a> 

jquery để di chuyển:

$('#link').click(function(){ 
    $("html, body").animate({ scrollTop: 0 }, 600); 
    return false; 
});