From c9d591fa402907d62d22b7c5e643e92d6786d6f1 Mon Sep 17 00:00:00 2001
From: SBD <strigevitch.boris@gmail.com>
Date: Fri, 12 Jul 2024 19:32:49 +0300
Subject: [PATCH] scroll doc page

---
 static/aerbimCSS.css       |  4 +++-
 static/aerbimCSSMOBILE.css |  2 ++
 static/aerbimJS.js         | 34 +++++++++++++++++++++++-----------
 3 files changed, 28 insertions(+), 12 deletions(-)

diff --git a/static/aerbimCSS.css b/static/aerbimCSS.css
index 7c5c96d..414c1a2 100644
--- a/static/aerbimCSS.css
+++ b/static/aerbimCSS.css
@@ -1738,11 +1738,12 @@ body.n_scroll{
 
 .left_curtain_documentation{
     width: 373px;
+    height: fit-content;
 }
 
 .tree_documentation_container{
     width: 100%;
-    height: calc(100vh - 295px);
+
     overflow-y: auto;
 }
 .tree_documentation_container.hide_scroll::-webkit-scrollbar{
@@ -1878,6 +1879,7 @@ body.n_scroll{
 .flex_container_tree_and_content{
     display: flex;
     width: 100%;
+    position: relative;
 }
 
 .content_part_tree_els{
diff --git a/static/aerbimCSSMOBILE.css b/static/aerbimCSSMOBILE.css
index 75e5100..6de0211 100644
--- a/static/aerbimCSSMOBILE.css
+++ b/static/aerbimCSSMOBILE.css
@@ -9,6 +9,7 @@
 @media (max-width: 1024px) {
     .left_curtain_documentation{
         width: 320px;
+        height: 100vh;
     }
     .tree_documentation_container_first_level_txt{
         margin-bottom: 0;
@@ -49,6 +50,7 @@
         height: 100vh;
         overflow-y: auto;
         padding: 0 15px;
+
     }
     .content_part_tree_els{
         width: 100%;
diff --git a/static/aerbimJS.js b/static/aerbimJS.js
index 0784d4a..a7af749 100644
--- a/static/aerbimJS.js
+++ b/static/aerbimJS.js
@@ -584,6 +584,7 @@ function showContentPartTree (el) {
     }
 }
 let waitingTop = null
+let maxScroll = null
 $(window).scroll(function (){
     if (getInfoAboutUser()[0] !== 'laptop' && getInfoAboutUser()[0] !== 'mobile'){
         if (window.location.href.includes("docs")){
@@ -591,20 +592,31 @@ $(window).scroll(function (){
             let scroll = $(window)[0].scrollY
             if (scroll === 0){
                 waitingTop = $(".left_curtain_documentation")[0].getBoundingClientRect().top - 172
+                maxScroll = $(".documentation_block")[0].getBoundingClientRect().bottom - $(".left_curtain_documentation")[0].offsetHeight - 172
             }
             let $new_curtain = $($curtain[1])
-            if (!$curtain[1] && waitingTop){
-                $new_curtain = $curtain.clone()
-                $new_curtain.insertAfter($curtain)
-            }
-            if (scroll >= waitingTop && waitingTop){
-                $new_curtain.css({position:'fixed',top: 166})
+            if (scroll < maxScroll || !maxScroll){
+                if (!$curtain[1] && waitingTop){
+                    $new_curtain = $curtain.clone()
+                    $new_curtain.insertAfter($curtain)
+                }
+                if (scroll >= waitingTop && waitingTop){
+                    $new_curtain.css({position:'fixed',top: 166,bottom:"unset"})
+                    $($curtain[0]).css({opacity:0})
+                } else if (scroll < waitingTop && waitingTop) {
+                    $new_curtain.remove()
+                    $($curtain[0]).css({opacity:1})
+                } else if (!waitingTop){
+                    waitingTop = $(".left_curtain_documentation")[0].getBoundingClientRect().top - 172
+                    maxScroll = $(".documentation_block")[0].getBoundingClientRect().bottom - $(".left_curtain_documentation")[0].offsetHeight - 172
+                }
+            } else {
+                if (!$curtain[1]){
+                    $new_curtain = $curtain.clone()
+                    $new_curtain.insertAfter($curtain)
+                }
+                $new_curtain.css({position:'absolute',bottom: 0,top: 'unset'})
                 $($curtain[0]).css({opacity:0})
-            } else if (scroll < waitingTop && waitingTop) {
-                $new_curtain.remove()
-                $($curtain[0]).css({opacity:1})
-            } else if (!waitingTop){
-                waitingTop = $(".left_curtain_documentation")[0].getBoundingClientRect().top - 172
             }
         }
     }