列表 支持 實用 wid nim rep cursor 使用 提醒

CSS屬性值是逐漸改變的，這樣就可以創建動畫效果。 只有數字值可創建動畫（比如 "margin:30px"）。 字符串值無法創建動畫（比如 "background-color:red"）。

復制代碼 代碼如下: $(‘#shang‘).click(function(){$(‘html,body‘).animate({scrollTop: ‘0px‘}, 800);});

上面的代碼表示滾動條跳到0的位置，頁面移動速度是800。 結合scrollTop實用示例：

復制代碼 代碼如下: jQuery(document).ready(function($){ $(‘#shang‘).click(function(){ $(‘html,body‘).animate({scrollTop: ‘0px‘}, 800); }); $(‘#comt‘).click(function(){ $(‘html,body‘).animate({scrollTop:$(‘#comments‘).offset().top}, 800); }); $(‘#xia‘).click(function(){ $(‘html,body‘).animate({scrollTop:$(‘#footer‘).offset().top}, 800); }); });

表示點擊相關ID移動到指定位置： 點擊ID為shang的元素，回到頂部； 點擊ID為comt的元素，回到ID為comments的位置； 點擊ID為xia的元素，回到底部；

原生js如何實現jQuery.animate中的scrollTop方法

• jquery
• javascript

radical 2016年12月02日提問

• 關註 4 關註
• 收藏 0 收藏，1k 瀏覽

問題對人有幫助，內容完整，我也想知道答案 0 問題沒有實際價值，缺少關鍵內容，沒有改進余地

網上找不到一個好的介紹來實現，

$(‘html, body‘).animate({
  scrollTop: 800
}, 1000)

怎麽控制這個scrollTop的 時間呢？

• 2016年12月02日提問
• 評論
• 邀請回答
• 編輯
• • 舉報
  • 關閉

使用評論詢問更多信息或提出修改意見，請不要在評論裏回答問題 提交評論

× 評論支持部分 Markdown 語法：**bold**_italic_[link](http://example.com)> 引用`code`- 列表。 同時，被你 @ 的用戶也會收到通知

查看全部 3 個回答

答案對人有幫助，有參考價值 0 答案沒幫助，是錯誤的答案，答非所問

你要做的不是控制時間，而是控制步長，比如800px，800ms，就是800ms內移動800px，如果是1600px，那就800ms內移動1600px

jQuery動畫效果animate和scrollTop結合使用實例