Question

我在滚动中替换徽标的脚本在测试中工作＆＃39; http://jsfiddle.net/timsalabim/opek5mtz/`

var img = document.querySelector('.logo_h__img img'); // get the element
img.dataset.orig = img.src; // dataset 
document.addEventListener('scroll', function (e) { // add the event listener
    if (document.body.scrollTop > 0) { // check the scroll position
        img.src = img.dataset.scroll; // set the scroll image
    } else {
        img.src = img.dataset.orig; // set the original image back
    }
});

当在网站上实现完全相同的方式时，它不起作用，我想我已经正确测试了它并且它也在解雇....

我将脚本放在我的网站上，位于header.php文件（Wordpress网站）中的标签内：

<script type="text/javascript">    </script>

我也没有忘记添加此部分的图片标记：

data-scroll="http://"

导航是否可能以嵌套旁边的徽标无法识别滚动的方式设置？

**** UPDATE ****这是我的开发网站：http://dev.greenlabit.com.au/Test/

如果它在我的测试中有效，那么它应该只适用于开发站点......

Answer 1

当您尝试运行您的网站时，firebug会在行上显示错误

jQuery("#fixedparallax_header").cherryFixedParallax({

错误说：

Uncaught TypeError: undefined is not a function

cherryFixedParallax();
VM353:2 Uncaught ReferenceError: cherryFixedParallax is not defined
cherryFixedParallax({});
VM356:2 Uncaught ReferenceError: cherryFixedParallax is not defined

JavaScript选择器虽然在测试中有效但无法识别

1 个答案: