From be75f1ab97dbc96923c50d13b08e89e26708ba99 Mon Sep 17 00:00:00 2001 From: BigCoke233 Date: Sat, 11 Jul 2020 09:53:14 +0800 Subject: =?UTF-8?q?:zap:=20Perf:=20=E7=94=A8=20css=20=E5=AE=9E=E7=8E=B0?= =?UTF-8?q?=E9=94=9A=E9=93=BE=E6=8E=A5=E5=B9=B3=E6=BB=91=E6=BB=9A=E5=8A=A8?= =?UTF-8?q?=EF=BC=8C=E8=88=8D=E5=BC=83=20js=20=E6=8E=A7=E5=88=B6=20#62?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/main/comment.css | 1 + assets/css/main/miracles.min.css | 1 + assets/css/main/post.css | 7 +++++++ assets/js/miracles.min.js | 17 ----------------- 4 files changed, 9 insertions(+), 17 deletions(-) diff --git a/assets/css/main/comment.css b/assets/css/main/comment.css index 1008f16..16242ff 100644 --- a/assets/css/main/comment.css +++ b/assets/css/main/comment.css @@ -94,6 +94,7 @@ border-radius: 4px; min-width: 10px!important; margin-left: 25px; + scroll-margin-top: 5em } .bubble.comment-content:before { border-right-color: rgb(238,238,238); diff --git a/assets/css/main/miracles.min.css b/assets/css/main/miracles.min.css index b81a463..eb6bc06 100644 --- a/assets/css/main/miracles.min.css +++ b/assets/css/main/miracles.min.css @@ -19,6 +19,7 @@ /* Varriable */ :root { --shadow-color: rgb(190,190,190); + scroll-behavior: smooth; /* 平滑滚动 */ } /* Icon Font */ diff --git a/assets/css/main/post.css b/assets/css/main/post.css index 6a5728b..5dc5a95 100644 --- a/assets/css/main/post.css +++ b/assets/css/main/post.css @@ -161,6 +161,13 @@ border-left: 6px solid #4D90FE; padding-left: 10px; } +.post-content h1, +.post-content h2, +.post-content h3, +.post-content h4, +.post-content h5 { + scroll-margin-top: 5em +} .post-content hr { display: block; margin: 20px auto; diff --git a/assets/js/miracles.min.js b/assets/js/miracles.min.js index 9e7cc27..fa6a6a8 100644 --- a/assets/js/miracles.min.js +++ b/assets/js/miracles.min.js @@ -145,9 +145,6 @@ schemeGeter.addListener(swDarkMode); * GoTop */ function GoTop() { - $('body,html').animate({ - scrollTop: 0 - }, 500); document.body.scrollTop = 0; document.documentElement.scrollTop = 0; } @@ -160,19 +157,6 @@ $(window).scroll(function() { } }); -/** - * Anchor Link Animation - */ -function anchorAniLoad(){ - $('a[href^="#"]').click(function(){ - $('html, body').animate({ - scrollTop: $($.attr(this, 'href')).offset().top - }, 400); - return false; - }); -} -anchorAniLoad(); - /** * Js Loader */ @@ -525,7 +509,6 @@ if (loadPjax = true) { navColor(); //Link linkTarget(); - anchorAniLoad(); //comment MiraclesComment.bindReplyBtn(); //Bind Reply Button MiraclesComment.core(); //Comment Core -- cgit v1.2.3