refactor(slash-commands): 优化消息定位和滚动效果

b39b7998ce5cfed8e5945d0bd29e3851eb9a205a

awaae001 <3271436144@qq.com>

public/scripts/slash-commands.js+12 -7 Viewed

             // --- End of loading step ---
             const messageElement = document.querySelector(`[mesid="${floorIndex}"]`);
+            const chatContainer = document.getElementById('chat');
-            if (messageElement) {
+            if (messageElement && chatContainer) {
-                // --- Corrected: Use the actual class from the template ---
                 const headerElement = messageElement.querySelector('.ch_name');
                 const elementToScroll = headerElement || messageElement; // Fallback to the entire message div
-                const blockPosition = headerElement ? 'center' : 'start';
-                elementToScroll.scrollIntoView({ behavior: 'smooth', block: blockPosition });
+                // Calculate position relative to chat container
+                const elementRect = elementToScroll.getBoundingClientRect();
+                const containerRect = chatContainer.getBoundingClientRect();
+                const scrollPosition = elementRect.top - containerRect.top + chatContainer.scrollTop;
+                const viewportOffset = chatContainer.clientHeight * 0.1; // 25% from top
+                chatContainer.scrollTo({
+                    top: scrollPosition - viewportOffset,
+                    behavior: 'smooth',
+                });
                 // Highlight the message element
                 if (messageElement instanceof HTMLElement) {

@@ -2183,12 +2191,9 @@ export function initDefaultSlashCommands() {
2183	messageElement.style.backgroundColor = ''; // Remove highlight	2191	messageElement.style.backgroundColor = ''; // Remove highlight
2184	}, 1500); // Match flash duration	2192	}, 1500); // Match flash duration
2185	}	2193	}
2186
2187	} else {	2194	} else {
2188	console.warn('Message element is not an HTMLElement, cannot flash highlight.');	2195	console.warn('Message element is not an HTMLElement, cannot flash highlight.');
2189	}	2196	}
2190
2191
2192	} else {	2197	} else {
2193	// Only warn if element is not found after attempting to load all messages	2198	// Only warn if element is not found after attempting to load all messages
2194	toastr.warning(`Could not find element for message ${floorIndex} (using [mesid="${floorIndex}"]) even after attempting to load all messages. It might not be rendered yet or the index is invalid.`);	2199	toastr.warning(`Could not find element for message ${floorIndex} (using [mesid="${floorIndex}"]) even after attempting to load all messages. It might not be rendered yet or the index is invalid.`);