allow scroll comment content on wheel

haojiezhe12345 · Jun 22, 2024 · cc05fc1 · cc05fc1
1 parent 4093728
commit cc05fc1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -235,7 +235,7 @@
                 <img class="avatar" src="https://haojiezhe12345.top:82/madohomu/api/data/images/avatars/浩劫者12345.jpg" onerror="this.onerror=null;this.src='https://haojiezhe12345.top:82/madohomu/api/data/images/defaultAvatar.png'">
                 <div class="sender"><span class="ui zh">浩劫者12345 (站长)</span><span class="ui en">haojiezhe12345</span></div>
                 <div class="id"><span class="ui zh">#置顶</span><span class="ui en">#Pinned</span></div>
-                <div class="comment" onwheel="if (!isFullscreen) event.preventDefault()">
+                <div class="comment">
                     <div class="ui zh">
                         欢迎来到 <strong style="text-decoration: underline;">MadoHomu.love</strong> !<br>
                         这是一个以<strong><span style="color: #ffbbdd;">圆</span><span style="color: #d5a2ff;">焰</span><span style="color: #ffbbdd;">圆</span></strong>为主题的留言网站<br>

diff --git a/index.js b/index.js
@@ -293,7 +293,7 @@ function insertComment(comment, isKami = false) {
                 ${comment.sender == '匿名用户' ? '<span class="ui zh">匿名用户</span><span class="ui en">Anonymous</span>' : comment.sender}
             </div>
             <div class="id">#${comment.id}${isKami == true ? ' (kami.im)' : ''}</div>
-            <div class="comment" onwheel="if (!isFullscreen) event.preventDefault()">
+            <div class="comment">
                 ${htmlEscape(comment.comment)}
                 ${imgsDOM}
             </div>
@@ -1764,9 +1764,15 @@ const Comments = {
         loadComments()
 
         this.elements.container.onwheel = e => {
-            if (isFullscreen) {
-
-            } else {
+            if (!isFullscreen) {
+                let target = e.target
+                while (this.elements.container.contains(target)) {
+                    if (target.classList.contains('comment')) {
+                        // console.log(target.scrollHeight, target.clientHeight)
+                        if (target.scrollHeight > target.clientHeight) return
+                    }
+                    target = target.parentNode
+                }
                 e.deltaY > 0 ? this.seek(1) : this.seek(-1)
             }
         }