Question

我使用wordpress网站上的相同代码创建了这支笔，但它在我的实际网站上无效。我已经清除了网站缓存并将其关闭，我也尝试使用wp_enqueue_script，但失败了（可能是用户错误）。我怎样才能在我的网站上使用它？除了js之外，此笔中的所有内容都在网站上运行。救命！：（

HTML：

<a href="#introjump"><img class="down-arrow" src="http://www.themainconcept.com/wp-content/uploads/2015/11/down-arrow-wht.png" alt="down arrow wht"/></a>

CSS：

.down-arrow {
    position: fixed;
    bottom: 1%;
    left: 50%;
    max-width: 3.5%;
    min-width: 3.5%;
    width: 3.5%;
    box-shadow: none;
    opacity: 0.6;
}
.down-arrow:hover {
    opacity: 1;
}

.filler {
    height: 10000px;
}

使用Javascript：

$(window).scroll(function() {
   $(".down-arrow").css("opacity", 1 -
      $(window).scrollTop() / 250);
    });

[link]（https://codepen.io/ericshio/pen/zBRbAY）

Answer 1

你在包装这个功能吗？尝试包装它：

$(document).ready(function() {

$(window).scroll(function() {
   $(".down-arrow").css("opacity", 1 -
      $(window).scrollTop() / 250);
    });

});

Answer 2

在Toby的帮助下，这实际上对我有用。他的回答不起作用，但它引导我走向正确的方向。

(function($) {
    $(window).scroll(function() {
        $(".down-arrow").css("opacity", 1 - $(window).scrollTop() / 250);
    });
})(jQuery);

如何将此笔中的代码集成到我的网站上？

2 个答案: