国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 20:53:01
字體：大 中 小
來源：轉載
供稿：網友

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的元素，回到底部；

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 黔西县| 呈贡县| 新宾| 白城市| 东乡县| 太湖县| 揭东县| 庆元县| 盐津县| 班玛县| 宁武县| 项城市| 临桂县| 左云县| 宜兰县| 绵阳市| 左贡县| 西峡县| 搜索| 南雄市| 莱西市| 江门市| 莫力| 徐闻县| 梁平县| 海宁市| 景宁| 陕西省| 彰化市| 荔波县| 萨嘎县| 筠连县| 中牟县| 泗阳县| 扬中市| 舟曲县| 民和| 黑龙江省| 高邑县| 龙岩市| 淄博市|