From 8c6f10bd209443fdedecbed98c85e18a4f6d5984 Mon Sep 17 00:00:00 2001 From: shuixiang Date: Fri, 10 Sep 2021 14:26:43 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/views/admin/pages/index.blade.php | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/resources/views/admin/pages/index.blade.php b/resources/views/admin/pages/index.blade.php index 621c7cb..c013a1a 100644 --- a/resources/views/admin/pages/index.blade.php +++ b/resources/views/admin/pages/index.blade.php @@ -24,7 +24,7 @@ } .msg-list-item { position: relative; border: 1px solid #dbe3e6; padding: 10px; border-radius: 5px; margin-bottom: 1px; cursor: pointer; } .msg-list-item:hover { border-color: green; } - .msg-list-item.active { border: 1px solid green; box-shadow: 0px 0px 3px green; } + .msg-list-item.active { border: 2px solid green; box-shadow: 0px 0px 4px green; } .msg-list-title { font-weight: bold; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; border-radius: 5px; padding: 2px 5px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; } .msg-list-content { color: gray; background-color: #f4f4f4; border-radius: 5px; padding: 2px 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .msg-list-badge { @@ -188,6 +188,10 @@ Dcat.ready(function() { + // 获取元素距离父级元素顶部的距离 + let offsetTop = $('.msg-list-item.active').position().top + $(".msg-list").animate({ scrollTop: offsetTop - 20}, 1) + $(".msg-chat-list").animate({ scrollTop: $(".msg-chat-list")[0].scrollHeight - $('.msg-chat-list').height() }, 1) $('.msg-image').on('click', function (e) {