diff --git a/views/index.html b/views/index.html
index 3113f1c..fb9af46 100644
--- a/views/index.html
+++ b/views/index.html
@@ -140,6 +140,15 @@
       </div>
 
       <script>
+        function isInViewport(element) {
+          const rect = element.getBoundingClientRect();
+          return (
+            rect.top >= 0 &&
+            rect.left >= 0 &&
+            rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
+            rect.right <= (window.innerWidth || document.documentElement.clientWidth)
+          );
+        }
         const vm = new Vue({
           el: '#app',
           data: {
@@ -212,7 +221,9 @@
                 this.selectedItem = undefined;
               } else {
                 this.selectedItem = item.ID;
-                document.getElementById(this.selectedItem).scrollIntoView();
+                if (!isInViewport(document.getElementById(this.selectedItem))) {
+                  document.getElementById(this.selectedItem).scrollIntoView();
+                }
                 item.PendingRead = true;
                 fetch(`/api/read/${item.ID}`, {method: "POST"})
               }