星空页留言:整页都能上滑(按在星空上也能滑),点击转给底下的星星和按钮

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-07 02:24:11 +00:00
parent f1cedd1e34
commit d192f42e36
3 changed files with 15 additions and 6 deletions

View File

@@ -1,6 +1,6 @@
/* 星空页 · 妈妈们的留言(2026-11-07 用户:广场点「孕妈悄悄话」直接进星空页,留言自带在「说一句悄悄话」下面,
样式跟星空搭,不要白底)。
· 版式:#wcm 盖满星空页、自己滚动、本身不接点击;上面一段透明垫高(点得到星星),下面是留言面板,
· 版式:#wcm 盖满星空页、自己滚动;上面一段透明垫高,下面是留言面板,
把原来的 .whp-bar(说一句悄悄话)挪进面板顶上,往上滑留言就盖上来。
· 数据:广场置顶笔记 wh-<话题 from> 的评论 = cm.json 模拟(AGENTS.md 12c,不得挂星)+ /plaza/comments 已审核通过的真实评论
+ 我自己发的(含审核中)。进星空页才拉 cm.json(600K+,gzip 后小很多;版本号跟广场 index.html 引的一致,共用缓存)。
@@ -81,6 +81,15 @@
var on = !!LIKE[k]; b.classList.toggle('on', on); b.querySelector('span').textContent = fmt(c.likes + (on ? 1 : 0));
if (on && navigator.vibrate) navigator.vibrate(8);
});
/* 11-07 用户:页面滑不动 —— 原来垫高层 pointer-events:none,手机上按在星空上滑,滚动不归 #wcm。
现在整层都接触摸(按哪都能滑),点在垫高层上就把点击转给底下的星星 / 顶栏按钮 / 内容卡 */
var sp = box.querySelector('.wcm-sp');
sp.addEventListener('click', function (e) {
box.style.pointerEvents = 'none';
var el = document.elementFromPoint(e.clientX, e.clientY);
box.style.pointerEvents = '';
if (el && el !== sp && page.contains(el)) el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, clientX: e.clientX, clientY: e.clientY }));
});
/* 上滑过半:面板压暗星空的那层渐变加深,「上滑看看」收起 */
box.addEventListener('scroll', function () { box.classList.toggle('up', box.scrollTop > 40); }, { passive: true });
/* 进星空页才拉数据;关掉回到顶部 */