JS : 두 가지 기능을 동일한 기능으로 수행하십시오.

Question

이렇게 짧게 만드는 방법이 있습니까?

var scrollPos = function() { 
    var bodyTopPos = 
     header.style.top < 
     (document.body.scrollTop || document.documentElement.scrollTop) -91; 
     header.setAttribute('class', bodyTopPos ? 'sticky' : ''); 
}(); 

window.onscroll = function() { 
    var bodyTopPos = 
     header.style.top < 
     (document.body.scrollTop || document.documentElement.scrollTop) -91; 
     header.setAttribute('class', bodyTopPos ? 'sticky' : ''); 
} 

아래 글을 써 보았지만 자동으로 헤더 클래스를 고정적으로 설정하는 것 같습니다.

var scrollPos = function() { 
    var bodyTopPos = 
     header.style.top < 
     (document.body.scrollTop || document.documentElement.scrollTop) -91; 
     header.setAttribute('class', bodyTopPos ? 'sticky' : ''); 
}(); 

window.onscroll = scrollPos(); 

당신은 그냥 전화, 그것을 명명 된 기능을 확인하고 onscroll 핸들러로 설정, 내 작업 바이올린 예를 HERE

Answer 1

간단한 볼 수 있습니다.

function scroll() { 
    var bodyTopPos = 
     header.style.top < 
     (document.body.scrollTop || document.documentElement.scrollTop) -91; 
     header.setAttribute('class', bodyTopPos ? 'sticky' : ''); 
} 
scroll(); 
window.onscroll = scroll;