我用我的 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);
});
最佳答案
你在包装函数吗?尝试像这样包装它:
$(document).ready(function() {
$(window).scroll(function() {
$(".down-arrow").css("opacity", 1 -
$(window).scrollTop() / 250);
});
});
关于javascript - 我怎样才能将这支笔的代码整合到我的网站上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38468949/