onLoad 函数不起作用，如何使用 BindListener 修复它？答案

【问题标题】：onLoad function not working, how to fix it using BindListener?onLoad 函数不起作用，如何使用 BindListener 修复它？
【发布时间】：2013-12-09 16:36:52
【问题描述】：

所以现在我已经在 Javascript 中创建了一个 onload 函数......但是当我发现我不能在我正在开发的应用程序中使用任何 onLoad javascript 函数时已经很晚了:(

<script type="text/javascript">
var sticky = document.querySelector('.sticky');
var origOffsetY = sticky.offsetTop;

function onScroll(e) {
window.scrollY >= origOffsetY ? sticky.classList.add('fixed') :
                              sticky.classList.remove('fixed');
}

document.addEventListener('scroll', onScroll);

</script>

有人推荐我使用 BindListeners，但我不知道它是如何工作的？有什么帮助吗？我也不能使用 jQuery....

【问题讨论】：

我不确定您的问题是什么，但您的问题可能可以通过以下方式解决：stackoverflow.com/questions/14028959/…。
如果一个问题解决了，通常不会在这里删除。只需回答您的解决方案，以便其他任何人都可以从中受益。

标签： javascript

【解决方案1】：

var sticky = document.querySelector('.sticky');
var origOffsetY = sticky.offsetTop;

function onScroll(e) {
window.scrollY >= origOffsetY ? sticky.classList.add('fixed'):sticky.classList.remove('fixed');
}    

(function() {
  document.addEventListener('scroll', onScroll);
})();

你在使用 jQuery 吗？

【讨论】：

不，我们也不允许使用 jquery。 @luka