Question

我试图让它一旦你向下滚动页面就会淡出div。我正在使用这个http://docs.ansible.com/ansible/latest/uri_module.html，但是当我将它加载到一个wordpress页面时，我无法使它工作。

我尝试在文本编辑器中添加以下内容：

<div class="bottomMenu"></div>

<script type="text/javascript">
$(document).scroll(function () {
    var y = $(this).scrollTop();
    if (y > 800) {
        $('.bottomMenu').fadeIn();
    } else {
        $('.bottomMenu').fadeOut();
    }

});
</script>

div显示（我这里没有包含CSS），但是我无法让JS工作。对不起，如果以前曾经问过这个问题，但我找不到关于在WP中做到这一点的最佳方法的确切答案。

Answer 1

添加jQuery库：

<div class="bottomMenu"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).scroll(function () {
    var y = $(this).scrollTop();
    if (y > 800) {
        $('.bottomMenu').fadeIn();
    } else {
        $('.bottomMenu').fadeOut();
    }

});
</script>

正确的方法将此JS加载到wordpress页面

1 个答案: