jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-04-21 03:17:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: make post page scroller sticky and restore comment hash navigation

Browse Source
This commit is contained in:
Tim
2025-08-05 19:27:02 +08:00
parent f0caf930c5
commit 82c0aa240a
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/views/PostPageView.vue
View File

@@ -572,8 +572,9 @@ export default {
const id = hash.substring('#comment-'.length) const id = hash.substring('#comment-'.length)
await nextTick() await nextTick()
const el = document.getElementById('comment-' + id) const el = document.getElementById('comment-' + id)
if (el && mainContainer.value) { if (el) {
mainContainer.value.scrollTo({ top: getTopRelativeTo(el, mainContainer.value), behavior: 'instant' }) const top = el.getBoundingClientRect().top + window.scrollY
window.scrollTo({ top, behavior: 'instant' })
el.classList.add('comment-highlight') el.classList.add('comment-highlight')
setTimeout(() => el.classList.remove('comment-highlight'), 2000) setTimeout(() => el.classList.remove('comment-highlight'), 2000)
} }
@@ -671,6 +672,9 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 15%; width: 15%;
position: sticky;
top: 0;
align-self: flex-start;
} }
.comment-config-container { .comment-config-container {