mirror of
https://github.com/LC044/WeChatMsg
synced 2024-11-09 09:31:18 +08:00
HTML滚动条到底部再次下拉会刷新#204
This commit is contained in:
parent
ebc62c33e1
commit
1565f0ccc7
@ -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);
|
||||
|
||||
|
@ -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)
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user