<div id="header"></div>
<div id="sticky"></div>
<div id="section"></div>
<div id="footer"></div>
<style>
body { margin: 0px; background-color: #e3e3e3; }
#header { background-color: #cb5454; height: 140px; }
#sticky { background-color: #546bcb; height: 70px; }
#section { height: 1500px; }
#footer { background-color: #cb5454; height: 140px; }
</style>
这是我的代码:http://jsfiddle.net/uaqh018d/
我想让 #sticky 元素在滚动到 #header 之后固定在页面顶部。我还想它在未固定时保持隐藏。 然后,在向上滚动到 #header 后再次取消固定并隐藏。
我该如何实现这个效果?
Uncaught TypeError: Cannot read property 'scroll' of null
。 - Si8