diff options
| -rw-r--r-- | assets/css/main/comment.css | 1 | ||||
| -rw-r--r-- | assets/css/main/miracles.min.css | 1 | ||||
| -rw-r--r-- | assets/css/main/post.css | 7 | ||||
| -rw-r--r-- | 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;
}
@@ -161,19 +158,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
*/
//LazyLoad
@@ -525,7 +509,6 @@ if (loadPjax = true) { navColor();
//Link
linkTarget();
- anchorAniLoad();
//comment
MiraclesComment.bindReplyBtn(); //Bind Reply Button
MiraclesComment.core(); //Comment Core
|