Shikong/WeChatMsg
1
0
Fork 0
mirror of https://github.com/LC044/WeChatMsg synced 2024-11-13 04:31:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/DataBase/output_pc.py
View File

@ -1028,7 +1028,7 @@ input {
</head> </head>
<body> <body>
<div class="container"> <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>昨天 12:35</span></div>
<div class="item item-center"><span>你已添加了凡繁烦，现在可以开始聊天了。</span></div> <div class="item item-center"><span>你已添加了凡繁烦，现在可以开始聊天了。</span></div>
<div class="item item-left"> <div class="item item-left">
@ -1080,8 +1080,9 @@ html_end = '''
const itemsPerPage = 100; // 每页显示的元素个数 const itemsPerPage = 100; // 每页显示的元素个数
let currentPage = 1; // 当前页 let currentPage = 1; // 当前页
var reachedBottom = false; // 到达底部的标记
function renderPage(page) { function renderPage(page) {
reachedBottom = false;
const container = document.getElementById('chat-container'); const container = document.getElementById('chat-container');
container.innerHTML = ''; // 清空容器 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); renderPage(currentPage);

1
readme.md
View File

@ -232,6 +232,7 @@ python main.py
> 声明：该项目有且仅有一个目的：“留痕”——我的数据我做主，前提是“我的数据”其次才是“我做主”，禁止任何人以任何形式将其用于任何非法用途，对于使用该程序所造成的任何后果，所有创作者不承担任何责任🙄<br> > 声明：该项目有且仅有一个目的：“留痕”——我的数据我做主，前提是“我的数据”其次才是“我做主”，禁止任何人以任何形式将其用于任何非法用途，对于使用该程序所造成的任何后果，所有创作者不承担任何责任🙄<br>
> 该软件不会对您使用的微信造成任何影响，更不会对他人的微信造成任何影响，不能找回删除的聊天记录，任何企图篡改微信聊天数据的想法都是无稽之谈。本项目所有功能均建立在”前言“的基础之上，基于该项目的所有开发者均不能接受任何有悖于”前言“的功能需求，违者后果自负。 > 该软件不会对您使用的微信造成任何影响，更不会对他人的微信造成任何影响，不能找回删除的聊天记录，任何企图篡改微信聊天数据的想法都是无稽之谈。本项目所有功能均建立在”前言“的基础之上，基于该项目的所有开发者均不能接受任何有悖于”前言“的功能需求，违者后果自负。
> <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) [![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)