【原创】jQuery 实现返回顶部按钮显示及动态 JS 效果

2022年12月21日 4条评论 334次阅读 0人点赞慕容

HTML

 <div id="back-container">
     <button class="back-btn">
     <img src="./images/icon-back.png"/>
     顶部
     </button>
 </div>

CSS

#back-container {
  margin-top: 15px;
  display: none;
}

JS

    $(window).scroll(function() {
        if($(window).scrollTop() > 300) $('#back-container').fadeIn(300);
        else $('#back-container').fadeOut(200);
    });
    $(function () {
        $(".back-btn").click(function() {
            $("body , html").animate({scrollTop:0}, 300);   //300是所用时间
        });
    })

Pokerdomded说道：

2025年12月1日 20:49

Google Chrome Windows 10
https://t.me/officials_pokerdom/3093
LuckyBandit说道：

2025年12月5日 08:10

Google Chrome Windows 10
https://t.me/s/Drip_officials
RoyalFlusher说道：

2025年12月24日 00:49

Google Chrome Windows 10
https://t.me/kazino_s_minimalnym_depozitom/13
LuckyBandit说道：

2026年1月22日 13:46

Google Chrome Windows 10
В лабиринте игр, где любой площадка пытается зацепить гарантиями легких призов, обзор онлайн казино россии рейтинг лучших является как раз той картой, что проводит мимо заросли обмана. Тем ветеранов плюс дебютантов, что надоел с фальшивых посулов, он помощник, чтобы почувствовать реальную выплату, как ощущение ценной фишки у руке. Минус пустой болтовни, только проверенные клубы, где отдача не лишь показатель, а конкретная везение.Подобрано на основе поисковых запросов, как ловушка, что ловит наиболее актуальные веяния в интернете. Тут нет пространства к шаблонных фишек, любой момент будто ход у игре, где обман раскрывается немедленно. Профи видят: в России тон речи на сарказмом, в котором сарказм скрывается словно рекомендацию, даёт обойти рисков.На https://www.don8play.ru/ данный список ждёт будто открытая раздача, приготовленный к старту. Зайди, коли хочешь увидеть ритм настоящей игры, обходя обмана да неудач. Игрокам что любит ощущение приза, он будто держать ставку в руках, вместо глядеть по монитор.

慕容的工作随笔

【原创】jQuery 实现返回顶部按钮显示及动态 JS 效果

HTML

CSS

JS

发表回复