jQuery回顶部 - 会coding的HAM

jQuery回顶部

BG7ZAG

|

2018-8-08 16:46

|

2,045

|

1

|

92 字

|

1 分钟内

<div class="flex align-items-center justify-content-center goTop">回顶部</div>

$(window).scroll(function () {
/* 判断滚动条距离页面顶部的距离 100可以自定义*/
if ($(window).scrollTop() > 100) {
$(".goTop").fadeIn(100); /* 这里用.show()也可以只是效果太丑 */
$('.goTop').css({
display: 'flex'
})
} else {
$(".goTop").fadeOut(100);
}
});
// 回顶部
$('.goTop').click(function () {
$('body,html').animate({
scrollTop: 0
}, 500);
return false;
})

jQuery 回顶部

评论

百万链

Windows Chrome 31.0.1650.63

6 年前
2018-8-10 7:38:44

有幸访问到贵站，“百万链”期待你的加入！

发送评论编辑评论

Markdown

悄悄话

邮件提醒

|´・ω・)ノ

ヾ(≧∇≦*)ゝ

(☆ω☆)

（╯‵□′）╯︵┴─┴

￣﹃￣

(/ω＼)

∠( ᐛ 」∠)＿

(๑•̀ㅁ•́ฅ)

→_→

୧(๑•̀⌄•́๑)૭

٩(ˊᗜˋ*)و

(ノ°ο°)ノ

(´இ皿இ｀)

⌇●﹏●⌇

(ฅ´ω`ฅ)

(╯°A°)╯︵○○○

φ(￣∇￣o)

ヾ(´･･｀｡)ノ"

( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃

(ó﹏ò｡)

Σ(っ °Д °;)っ

( ,,´･ω･)ﾉ"(´っω･｀｡)

╮(╯▽╰)╭

o(*////▽////*)q

＞﹏＜

( ๑´•ω•) "(ㆆᴗㆆ)

颜文字

Emoji

小恐龙

花!