我想实现无限滚动.以下是我的布局的简短形式.由于我有一些相对定位的元素,因此
javascript滚动事件不会触发.
我怎样才能解决这个问题,以便触发滚动事件并实现无限滚动？
我的主要布局是：
<div id="container">
<div class="wrapper">
<div id="header">
...
</div> <%-- header --%>
<div id="main">
...
</div>
</div> <%-- wrapper --%>
</div> <%-- container --%>
<div id="footer">
</div>
我的CSS是：
#container {
position: absolute;
z-index: 1;
top: 0;
bottom: 35px;
left: 0;
right: 0;
overflow-y: auto;
overflow-x: hidden;
}
.wrapper {
margin: 0 auto;
width: 960px;
position: relative;
}
#header {
position: relative;
}
#main {
}
#footer {
z-index: 2;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 35px;
}
我需要更改什么才能使用我的布局接收浏览器滚动事件以实现无限滚动？
解决方法
实现它的正确方法是：
<div id="container" onscroll="Onscrollfnction();">
<script>
function Onscrollfnction() {
alert("scroll");
};
</script>
