diff --git a/src/components/app/t-switchTheme.vue b/src/components/app/t-switchTheme.vue
index 0666afa9..3d28982d 100644
--- a/src/components/app/t-switchTheme.vue
+++ b/src/components/app/t-switchTheme.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="switch-box">
+  <div class="switch-box" :title="themeGet === 'default' ? '切换到深色模式' : '切换到浅色模式'">
     <div class="switch-btn" @click="switchTheme()">
       <v-icon>
         {{ themeGet === "default" ? "mdi-weather-night" : "mdi-weather-sunny" }}
@@ -45,7 +45,7 @@ onUnmounted(() => themeListener());
 </script>
 <style lang="css" scoped>
 .switch-box {
-  position: absolute;
+  position: fixed;
   top: 20px;
   left: 20px;
   border: 2px solid var(--common-shadow-8);
diff --git a/src/components/main/t-shareBtn.vue b/src/components/main/t-shareBtn.vue
index 635230f0..a3de4cc2 100644
--- a/src/components/main/t-shareBtn.vue
+++ b/src/components/main/t-shareBtn.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="share-box">
+  <div class="share-box" title="分享">
     <div class="share-btn" @click="shareContent()">
       <v-icon> mdi-share-variant</v-icon>
     </div>
@@ -45,7 +45,7 @@ async function shareContent(): Promise<void> {
 </script>
 <style lang="css" scoped>
 .share-box {
-  position: absolute;
+  position: fixed;
   top: 20px;
   right: 20px;
   border: 2px solid var(--common-shadow-8);
diff --git a/src/components/post/tb-collect.vue b/src/components/post/tb-collect.vue
index 4dc4279d..8c348945 100644
--- a/src/components/post/tb-collect.vue
+++ b/src/components/post/tb-collect.vue
@@ -113,8 +113,8 @@ async function switchCollect(): Promise<void> {
 </script>
 <style lang="css" scoped>
 .tbc-box {
-  position: absolute;
-  top: 80px;
+  position: fixed;
+  top: 70px;
   right: 20px;
   border: 2px solid var(--common-shadow-8);
   border-radius: 50%;