onLoad函数不工作,如何使用BindListener修复它
onLoad function not working, how to fix it using BindListener?
所以现在我已经在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。。。。
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在填充自动完成的值后使文本框只读
- JQuery使计数器每次更改时都会增加
- 如何使Javascript动态html表及其上的事件
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- JavaScript打印功能使日历停止工作
- 使图像在单击时展开到不大于浏览器
- 如何使该数据在所有元素中加载
- 如何做到这一点,使代码在不传递条件后执行函数
- 如何在chrome扩展中存储数据/结果,以及如何使用setTimeout使其只被调用一次
- 如何在Facebook上的iframe应用程序中使后退按钮返回到上一页
- 如何使用css动画/javascript使具有背景图像的元素出现
- 任何方式使AJAX调用Gmail API,而无需通过JS库
- ng应用程序使脚本无限运行
- 如何使MailHandler.php在Wordpress中工作
- 高亮显示与数组字符串一起使用时文本插件中断
- 如何重写下面的函数,使其不会't用于循环
- 咖啡的Javascript订单总数无法使函数正常工作.请协助
- 如何使bxslider仅在移动视图中处于活动状态
- Highcharts colorsByPoint与系列中的线性渐变一起使用时不起作用