diff --git a/resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
index 03d62737a2d819248616a353bc55384714600fb6..0865f98cd94dc2e7eadca6c05d6fa564135cc348 100644
--- a/resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
+++ b/resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -132,28 +132,37 @@ footer {
     footer ul li.list-inline-item a i {
       color: white; }
 
-.sticky-top.navigation form {
-  margin: 0 !important; }
-  .sticky-top.navigation form .form-control {
-    box-shadow: none !important;
-    border: 1px solid #4504ad;
-    padding: 0 15px; }
-
-.sticky-top.navigation .nav-button {
-  outline: none;
-  border-color: #5B13DF;
-  background-color: #5B13DF;
-  color: #fff;
-  transition: all 0.3s ease-in-out;
-  background-image: none;
-  font-size: 14px;
-  padding: 10px 25px; }
-
-.sticky-top.navigation .navbar {
-  margin-bottom: 0; }
-
-.sticky-top.navigation .collapse {
-  overflow: visible; }
+.sticky-top {
+  right: 0;
+  left: 0;
+  position: fixed !important; }
+  .sticky-top.navigation form {
+    margin: 0 !important; }
+    .sticky-top.navigation form .form-control {
+      box-shadow: none !important;
+      border: 1px solid #4504ad;
+      padding: 0 15px; }
+  .sticky-top.navigation .nav-button {
+    outline: none;
+    border-color: #5B13DF;
+    background-color: #5B13DF;
+    color: #fff;
+    transition: all 0.3s ease-in-out;
+    background-image: none;
+    font-size: 14px;
+    padding: 10px 25px; }
+  .sticky-top.navigation .navbar {
+    margin-bottom: 0; }
+  .sticky-top.navigation .collapse {
+    overflow: visible; }
+  .sticky-top.nav-bg {
+    animation: smoothScroll 0.5s forwards; }
+
+@keyframes smoothScroll {
+  0% {
+    transform: translateY(-80px); }
+  100% {
+    transform: translateY(0px); } }
 
 body {
   background-color: #fff;
diff --git a/themes/godocs-hugo/assets/scss/_api.scss b/themes/godocs-hugo/assets/scss/_api.scss
index 79fee783854278987b58c5f8365e08cec8180ec6..37bf074111c5c4b5be27629a3aea7b49ef72b8fc 100644
--- a/themes/godocs-hugo/assets/scss/_api.scss
+++ b/themes/godocs-hugo/assets/scss/_api.scss
@@ -1,99 +1,113 @@
 .rownd-beta-getting-page-main{
-    .container{
-        .box{
-            .sidebar{
-                height: 100% !important;
-                .section-box{
-                    .section-header{
-                        a{
-                            color: #5a13df;
-                            text-decoration: none !important;
-                        }
-                    }
-                    ul{
-                        li{
-                            a{
-                                color: #333333;
-                                text-decoration: none !important;
-                                margin-bottom: 5px;
-                                display: inline-block;
-                            }
-                        }
-                    }
-                }
-            }
-            .non-sidebar{
-                width: auto !important;
-                margin-left: 260px;
-                min-height: 750px;
-                .main-content{
-                    .section {
-                        padding-top: 0;
-                        padding-bottom: 0;
-                    }
-                    code{
-                        padding: 10px 10px;
-                    }
-                    .model{
-                        a{
-                            color: #5a13df;
-                            text-decoration: none !important;
-                            font-weight: bold;
-                            font-size: 15px;
-                        }
-                    }
-                }
-            }
-        }
-    }
+  .container{
+      .box{
+          .sidebar{
+              height: 100% !important;
+              .section-box{
+                  .section-header{
+                      a{
+                          color: #5a13df;
+                          text-decoration: none !important;
+                      }
+                  }
+                  ul{
+                      li{
+                          a{
+                              color: #333333;
+                              text-decoration: none !important;
+                              margin-bottom: 5px;
+                              display: inline-block;
+                          }
+                      }
+                  }
+              }
+          }
+          .non-sidebar{
+              width: auto !important;
+              margin-left: 260px;
+              min-height: 750px;
+              .main-content{
+                  .section {
+                      padding-top: 0;
+                      padding-bottom: 0;
+                  }
+                  code{
+                      padding: 10px 10px;
+                  }
+                  .model{
+                      a{
+                          color: #5a13df;
+                          text-decoration: none !important;
+                          font-weight: bold;
+                          font-size: 15px;
+                      }
+                  }
+              }
+          }
+      }
+  }
 }
 footer{
-    background: white;
-    position: relative;
-    z-index: 1;
-    ul{
-        li{
-            &.list-inline-item{
-                a{
-                    color: #333;
-                    transition: .2s ease;
-                    text-decoration: none !important;
-                    &:hover{
-                        color: #4504ad;
-                    }
-                    i{
-                        color: white;
-                    }
-                }
-            }
-        }
-    }
+  background: white;
+  position: relative;
+  z-index: 1;
+  ul{
+      li{
+          &.list-inline-item{
+              a{
+                  color: #333;
+                  transition: .2s ease;
+                  text-decoration: none !important;
+                  &:hover{
+                      color: #4504ad;
+                  }
+                  i{
+                      color: white;
+                  }
+              }
+          }
+      }
+  }
 }
 .sticky-top{
-    &.navigation{
-        form{
-            margin: 0 !important;
-            .form-control{
-                box-shadow: none !important;
-                border: 1px solid #4504ad;
-                padding: 0 15px;
-            }
-        }
-        .nav-button{
-            outline: none;
-            border-color: #5B13DF;
-            background-color: #5B13DF;
-            color: #fff;
-            transition: all 0.3s ease-in-out;
-            background-image: none;
-            font-size: 14px;
-            padding: 10px 25px;
-        }
-        .navbar{
-            margin-bottom: 0;
-        }
-        .collapse{
-            overflow: visible;
-        }
-    }
+  right: 0;
+  left: 0;
+  position: fixed !important;
+  &.navigation{
+      form{
+          margin: 0 !important;
+          .form-control{
+              box-shadow: none !important;
+              border: 1px solid #4504ad;
+              padding: 0 15px;
+          }
+      }
+      .nav-button{
+          outline: none;
+          border-color: #5B13DF;
+          background-color: #5B13DF;
+          color: #fff;
+          transition: all 0.3s ease-in-out;
+          background-image: none;
+          font-size: 14px;
+          padding: 10px 25px;
+      }
+      .navbar{
+          margin-bottom: 0;
+      }
+      .collapse{
+          overflow: visible;
+      }
+  }
+  &.nav-bg{
+      animation: smoothScroll 0.5s forwards;
+      @keyframes smoothScroll {
+          0% {
+              transform: translateY(-80px);
+          }
+          100% {
+              transform: translateY(0px);
+          }
+      }
+  }
 }
\ No newline at end of file