我有wordpress網站，我在我的navigation-top.php文件中添加了打字測試行，它運行良好。 我希望它每次只工作一次，這樣當有人點擊菜單類別或產品時，效果就不再起作用了

我只是不知道我該怎么做

以下是我使用的代碼

window.onscroll = function() {myFunction()};

function myFunction() {
  if (document.body.scrollTop > 10 || document.documentElement.scrollTop > 10) {
    document.getElementById("typing-demo-div").setAttribute("style", "display:none;");
  } else {
    document.getElementById("typing-demo-div").setAttribute("style", "display:block;");
  }
}

#typing-demo-div{
    position:absolute;
    padding-top:10px;
}
#typing-demo{
    color:black;
width: 90%; 
    width: 100%;
    white-space: nowrap;
    -webkit-animation: typing 10s steps(200, end),
blink-caret .15s step-end infinite alternate;
    overflow:hidden;
    position:static;
}

@-webkit-keyframes typing { from { width: 0; } }

.bisbankstyle{
    font-weight:bold;
    text-decoration:underline;
    color:#F45D48;
}

<div id="typing-demo-div">
    <div id="typing-demo">
     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
    </div>
</div>