HTML滚动条到底部再次下拉会刷新#204

This commit is contained in:
shuaikangzhou 2023-12-21 22:31:53 +08:00
parent ebc62c33e1
commit 1565f0ccc7
2 changed files with 21 additions and 2 deletions

View File

@ -1028,7 +1028,7 @@ input {
</head>
<body>
<div class="container">
<div class="content" id="chat-container">
<div class="content" id="chat-container" onscroll="checkScroll()">
<div class="item item-center"><span>昨天 12:35</span></div>
<div class="item item-center"><span>你已添加了凡繁烦现在可以开始聊天了</span></div>
<div class="item item-left">
@ -1080,8 +1080,9 @@ html_end = '''
const itemsPerPage = 100; // 每页显示的元素个数
let currentPage = 1; // 当前页
var reachedBottom = false; // 到达底部的标记
function renderPage(page) {
reachedBottom = false;
const container = document.getElementById('chat-container');
container.innerHTML = ''; // 清空容器
@ -1285,6 +1286,23 @@ html_end = '''
}
}
function checkScroll() {
var chatContainer = document.getElementById("chat-container");
// 检查滚动条是否滑到底部
if (chatContainer.scrollHeight - chatContainer.scrollTop === chatContainer.clientHeight) {
// 如果滚动条在底部
if (!reachedBottom) {
// 设置标记并返回
reachedBottom = true;
return;
}
else{
nextPage();
}
}
}
// 初始化页面
renderPage(currentPage);

View File

@ -232,6 +232,7 @@ python main.py
> 声明:该项目有且仅有一个目的:“留痕”——我的数据我做主,前提是“我的数据”其次才是“我做主”,禁止任何人以任何形式将其用于任何非法用途,对于使用该程序所造成的任何后果,所有创作者不承担任何责任🙄<br>
> 该软件不会对您使用的微信造成任何影响,更不会对他人的微信造成任何影响,不能找回删除的聊天记录,任何企图篡改微信聊天数据的想法都是无稽之谈。本项目所有功能均建立在”前言“的基础之上,基于该项目的所有开发者均不能接受任何有悖于”前言“的功能需求,违者后果自负。
> <br>该软件不存在任何收费,谨防上当受骗
> <br>软件贩子勿扰,违规违法勿扰,二次开发请务必遵守开源协议
[![Star History Chart](https://api.star-history.com/svg?repos=LC044/WeChatMsg&type=Date)](https://star-history.com/?utm_source=bestxtools.com#LC044/WeChatMsg&Date)