diff --git a/css/main.css b/css/main.css
index e18bb749b9a2f34e3cf8d72fb18b165f810d84b2..fdf0ed7c0dac925a33ff67f6be4c5210946f0782 100755
--- a/css/main.css
+++ b/css/main.css
@@ -1172,4 +1172,12 @@ audio {
     padding: 0 8px;
     color: #0098ff;
     cursor: pointer;
+}
+
+.quote {
+    display: block;
+    padding: 3px 5px;
+    margin: 3px;
+    background-color: #efefef;
+    border-radius: 4px;
 }
\ No newline at end of file
diff --git a/index.php b/index.php
index 7a007ef57ec5d49243834cca1d90b2a8a6bc7b80..1a0025f626e70b0ca16bfdc62273ab660fa124cc 100755
--- a/index.php
+++ b/index.php
@@ -299,7 +299,10 @@ if (strpos($_SERVER['HTTP_USER_AGENT'], "Triden")) {
                                         </div>
                                     </div>
 
-                                    <div v-if="item.time" class="time" style="cursor:pointer;" @click="doReply(item)"><div v-if="item.at && item.at.message">{{item.at.message.type=='text'?item.at.message.content:'[图片]'}}</div>{{friendlyTime(item.time)}}<a style="margin-left:5px;color:orangered;pointer-events: none;" v-if="item.active">回复</a></div>
+                                    <div v-if="item.time" class="time" style="cursor:pointer;" @click="doReply(item)">
+                                        <div class="quote" v-if="item.at && item.at.message" @click.stop="scrollToChat(item.at.message.message_id)">{{item.at.message.type=='text'?item.at.message.content:'[图片]'}}</div>{{friendlyTime(item.time)}}
+                                        <a style="margin-left:5px;color:orangered;pointer-events: none;" v-if="item.active">回复</a>
+                                    </div>
                                 </div>
                             </div>
                             <div v-if="item.type=='system'" class="system"><span
@@ -2215,6 +2218,9 @@ if (strpos($_SERVER['HTTP_USER_AGENT'], "Triden")) {
                         return parseInt((now - time) / 86400 / 365) + '年前'
                     }
                 },
+                scrollToChat: function(msgid) {
+                    scrollFuncs.scrollToChat(msgid);
+                },
                 messageController(data) {
                     let that = this;
                     try {
@@ -2273,7 +2279,6 @@ if (strpos($_SERVER['HTTP_USER_AGENT'], "Triden")) {
                                                 });
                                             }
                                             if (!isNotificated) {
-                                                console.log("@", obj)
                                                 that.$notify({
                                                     title: that.urldecode(obj.user.user_name) + "@了你：",
                                                     message: that.urldecode(obj.content) + `<span class="notify-at-goto" onclick="scrollFuncs.scrollToChat(${obj.message_id})">[查看]</span>`,
@@ -2281,6 +2286,7 @@ if (strpos($_SERVER['HTTP_USER_AGENT'], "Triden")) {
                                                     dangerouslyUseHTMLString: true
                                                     // offset: 70,
                                                 });
+                                                
                                             }
                                         }
                                     }
diff --git a/js/scroll-helper.js b/js/scroll-helper.js
index 36ff60c5d43d50f4af74f46c1013e8b538fc22ca..cf2f4b45977371706f00c09d2659a13052991217 100755
--- a/js/scroll-helper.js
+++ b/js/scroll-helper.js
@@ -32,6 +32,10 @@ const scrollFuncs = {
   scrollToChat: function (msgid) {
     const chatRoom = document.querySelector('#chat_room_history');
     const chat = document.querySelector(`#msgid_${msgid}`);
+    if (!chat) {
+      Vue.prototype.$message.error("无法定位到该消息！");
+      return;
+    }
     chatRoom.scrollTop = chat.offsetTop - 100;
     chat.style.backgroundColor = 'rgba(251, 114, 153,0.1)';
     chat.style.transition = 'all 600ms';