在jquery中滚动时更改html元素的不透明度不起作用答案

【问题标题】：changing opacity of html element while scrolling in jquery not working在jquery中滚动时更改html元素的不透明度不起作用
【发布时间】：2021-08-26 09:40:15
【问题描述】：

我有一个 wordpress 网站enter link description here，我使用插件来创建移动菜单，现在菜单是粘性的，我尝试使用 css position absolute 来消除粘性但它不起作用，所以我正在尝试更改不透明度将元素设置为 0，因此它在滚动时不可见，我使用了以下代码：

$(window).scroll(function () {
        var offset = $(document).scrollTop()
        var opacity = 0;
        if (offset <= 0) {
            opacity = 0;
        } else if (offset > 0 & offset <= 200) {
            opacity = (offset - 1) / 200;
        }
        else {
            opacity = 1;
        }
        $('.mobmenu').css('opacity', opacity).html(opacity);
    });

但这不起作用，我收到以下错误：

TypeError: $ 不是函数

谁能告诉我这里有什么问题，提前谢谢

【问题讨论】：

这能回答你的问题吗？ changing opacity while scrolling is not working
@JoshG 我已经有 jquery cdn
@Priyajain 我试过了，同样的错误 $ 不是函数
我怀疑你的脚本是在 jQuery 加载之前执行的。
@JoshG jqury 默认来了，它是一个 wordpress，我把代码放在页脚，我如何让它在 jquery 加载后执行

标签： javascript html jquery css opacity

【解决方案1】：

将此添加到<head> 和</head> 之间

<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>

【讨论】：