优化细节css动画

themes/Ying/layouts/_default/about.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 <div id="pjax-container">
-  <div class="post-content" itemprop="articleBody">
+  <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > h2,#heatmap,p; cls: uk-animation-fade; delay: 100">
     {{ .Content }}
   </div>
 </div>

themes/Ying/layouts/_default/archives.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 <div id="pjax-container">
-    <div class="post-content" style="list-style-type: none;">
+    <div class="post-content" style="list-style-type: none;" uk-scrollspy="target: > .link-title,.diy-h3,li; cls: uk-animation-fade; delay: 80">
         {{ $currentYear := 0 }}
         {{ $currentMonth := 0 }}
         {{ range .Site.RegularPages }}

themes/Ying/layouts/_default/says.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
-<div id="pjax-container">
-    <div class="post-content" itemprop="articleBody">
+<div id="pjax-container" uk-scrollspy="target: > #szh,hr,h2,p; cls: uk-animation-fade; delay: 200">
+    <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > #szh; cls: uk-animation-fade; delay: 1300">
       {{ .Content }}
       <div id="szh">
         - 名称：优世界<br>
@@ -13,7 +13,7 @@
     <hr class="uk-divider-icon">
     <div id="comments" class="comments-area">
       <!-- 评论区内容 -->
-      <div id="waline" uk-scrollspy="cls:uk-animation-fade;delay: 300"></div>
+      <div id="waline"></div>
   </div>
   
 

themes/Ying/layouts/_default/single.html

@@ -8,7 +8,7 @@
             <a href="{{ . }}">{{ . }}</a>
             {{ end }}
         </div>
-        <div class="post-content" itemprop="articleBody">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p; cls: uk-animation-fade; delay: 200">
             {{ .Content }}
         </div>
         <div class="post-tags" style="margin-top: -30px;">

themes/Ying/layouts/shortcodes/heatmap.html

@@ -1,4 +1,4 @@
-<div id="heatmap" style="max-width: 700px;height: 110px;margin-bottom: 40px;" uk-scrollspy="cls:uk-animation-fade;delay: 300"></div>
+<div id="heatmap" style="max-width: 700px;height: 110px;margin-bottom: 40px;"></div>
 <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/echarts/5.3.0-rc.1/echarts.min.js"></script>
 <script type="text/javascript">
   var chartDom = document.getElementById('heatmap');