时间戳

首页 > 解决方案 > uBlock 阻止“返回顶部”按钮 (JavaScript)

javascript - uBlock 阻止“返回顶部”按钮 (JavaScript)

问题描述

我在网站上有这个功能的简单代码，但是 uBlock 阻止了按钮。

当我刷新页面时，代码第二次被阻止，第一次工作正常。要重新开始工作，您需要重新启动 Web 浏览器。

JS代码：

$(document).ready(function(){
    $(window).scroll(function () {
        if ($(this).scrollTop() > 50) {
            $('#go-to-top').fadeIn();
        } else {
            $('#go-to-top').fadeOut();
        }
    });

    // scroll body to 0px on click
    $('#go-to-top').click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 1000);
        return false;
    });
});

CSS 代码：

.go-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}

HTML 代码：

<a id="go-to-top" href="#" class="btn btn-light btn-lg go-to-top" role="button">Go to top</a>

标签： javascriptadblock

解决方案

出于某种原因，uBlock 会阻止具有 id 和类名“go-to-top”的元素。

只需将他们的名字改为“go-up”，一切都会开始工作。

推荐阅读