var timer = setInterval(function(){ if($('#blogCalendar').length && $('#profile_block').length && $('#sidebar_search').length) { new Sticky('#sideBar', { target: '#main', onSticky: function($elem, $target){ $target.css('min-height',$elem.outerHeight()); $elem.css('left', '65px'); }, onUnSticky: function($elem, $target){ $target.css('min-height',''); $elem.css('left', ''); } }); } },100);
使用timer是因为侧边栏的内容都是ajax加载，又不可能在这些ajax请求时候添加回调，只能通过它们返回的内容来判断侧边栏是否加载完毕。
4. 总结
这周末琢磨了下如何改进sticky组件，加上写这篇文章，花了大半天的时间，好歹现在这个sticky组件的功能跟实现能让自己有点满意的感觉了，上次写完总觉得怪怪的，好像缺点什么，原来是因为还差这么多东西。现在这个组件还只是能实现固定和取消固定的效果，对于实际工作而言，这个层级的效果可能还不够，网上常见的那种在固定的同时支持导航滚动或者tab导航的功能也很常见，下篇文章会介绍基于本文的sticky组件，如何实现navScrollSticky以及tabSticky组件，敬请关注。
感谢您的阅读：）
补充说明：
IE跟火狐里面，在刷新页面的时候，如果刷新前页面有滚动，刷新的操作虽然还会把页面的滚动位置设置成刷新的位置，但是不会触发scroll事件，所以必须在组件初始化之后立即调用一次sticky函数：
您可能感兴趣的文章: