脚本未在Semplice上加载

Question

我的Semplice投资组合http://kevcharlton.co.uk/project/delete-graduates上有一些javascript

脚本用于使徽标在滚动时旋转。它永远不会在第一次加载时工作，但始终适用于页面刷新。

我的一位同事说我需要考虑添加一个标签，例如'$（document）.ready（）'，但我是一个真正的菜鸟，我不知道如何。

javascript非常简单。

var logo = document.querySelector('.logo img');
logo.style.transformOrigin = 'center center';
window.addEventListener('scroll', function() {
logo.style.transform = 'rotate('+(window.scrollY*0.3)+'deg)';
});

有人能帮忙吗？

我也无法让它在我的主页http://kevcharlton.co.uk上工作 - 但我认为这可能是滚动劫持的问题。

谢谢！

Answer 1

根据加载顺序，您可能需要等到DOM加载，因为在执行时您的元素可能还不存在。

// wait until DOM has been loaded
document.addEventListener("DOMContentLoaded", function() {
    var logo = document.querySelector('.logo img');
    logo.style.transformOrigin = 'center center';

    window.addEventListener('scroll', function() {
        logo.style.transform = 'rotate('+(window.scrollY*0.3)+'deg)';
    });
});