第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

jquery實現(xiàn)返回網(wǎng)頁頂部效果

標簽:
JQuery

先了解一下scrollTop的属性:

有些情况下,“元素中内容”的高度会超过“元素本身”的高度, scrollTop指的是“元素中的内容”超出“元素上边界”的那部分的高度。

利用animate来设置html,body的scrollTop的值为0来实现返回到顶部,例: <div id="scroll"><a title="返回顶部" href="javascript:void(0)"></a></div>

<script type="text/javascript">
  $(document).ready(function(){   
     $("#scroll").click(function(){
     $("html,body").animate({scrollTop: 0}, 1000);
      });
});
</script>

animate的第二个属性为滑动的速度,主要连接a的href属性设为javascript:void(0),如果设为“#”,大家可以试一下,在点击链接时链接会先快速的返回到顶部,且没有任何效果,之后才会执行 $("html,body").animate({scrollTop: 0}, 1000);不清楚的可以试一下

點擊查看更多內(nèi)容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優(yōu)惠券免費領(lǐng)

立即參與 放棄機會
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

舉報

0/150
提交
取消