자바스크립트 왕초보 질문,. myFunction 채택완료
자바스크립트 왕초보 입니다,.
상단 메뉴바 때문에 아래 스트립트를 적용 하였는데.
추가로 함수를 추가하려 보니 했습니다. (소스를 읽지도 못하고 쓰지도 못해서 붙여넣기만 하다 보니 너무 어렵네요.)
스크롤바 움직이면 "myFunction" 활성화 해라 하는것 같은데.
그러다 보니 아래 함수 "myFunction" 같이 활서화가 됩니다.
이런경우 어떻게 적용해야 할까요??
</strong></p>
<p>// navbar
window.onscroll = function() {myFunction()};</p>
<p>var navbar = document.getElementById("navbar");
var sticky = navbar.offsetTop;</p>
<p>function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
} else {
navbar.classList.remove("sticky");
}
}</p>
<p><strong>
추가함수
</strong></p>
<p><strong>// 소셜 링크
function myFunction() {
var popup = document.getElementById("myPopup");
popup.classList.toggle("show");
}</strong></p>
<p><strong>
답변 2개
function myFunction() <- 이 경우 myFunction 이 함수의 이름인데,
함수의 이름은 고유하게 전부 다르게 설정해줘야합니다~
댓글을 작성하려면 로그인이 필요합니다.
</p>
<p><span class="token comment">// 소셜 링크</span>
<span class="token keyword keyword-function">function</span> <span class="token function">myFunction</span><span class="token punctuation">() <--이것을 추가해서는 안되고 위쪽의 </span><span class="token function">myFunction 함수에</span></p>
<p>아래 코드를 추가하세요</p>
<p> </p>
<p> <span class="token keyword keyword-var">var</span> popup <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token double-quoted-string string">"myPopup"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
popup<span class="token punctuation">.</span>classList<span class="token punctuation">.</span><span class="token function">toggle</span><span class="token punctuation">(</span><span class="token double-quoted-string string">"show"</span><span class="token punctuation">)</span><span class="token punctuation">;</span></p>
<p> </p>
<p>댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인