gpt4 book ai didi

infinite-scroll - 如何捕获滚动事件?

转载 作者:数据小太阳 更新时间:2023-10-29 04:00:02 29 4
gpt4 key购买 nike

我想实现无限滚动。下面是我的布局的简短形式。因为我有一些相对定位的元素,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="handleOnScroll();">

<script>
function handleOnScroll() {
alert("scroll");
};
</script>

关于infinite-scroll - 如何捕获滚动事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13492656/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com