success sticky in a page_list.html file

src/client/js/components/TableOfContents.jsx

@@ -7,6 +7,7 @@ import { withTranslation } from 'react-i18next';
 import PageContainer from '../services/PageContainer';
 
 import { withUnstatedContainers } from './UnstatedUtils';
+import TopOfTableContents from './TopOfTableContents';
 import StickyStretchableScroller from './StickyStretchableScroller';
 
 // eslint-disable-next-line no-unused-vars
@@ -33,6 +34,7 @@ const TableOfContents = (props) => {
 
   return (
     <>
+      <TopOfTableContents />
       <StickyStretchableScroller
         contentsElemSelector=".revision-toc .markdownIt-TOC"
         stickyElemSelector="#revision-toc"

src/server/views/layout-growi/page_list.html

@@ -19,11 +19,13 @@
     </div>
 
     <div class="col-xl-2 col-lg-3 d-none d-lg-block revision-toc-container">
-      <div id="top-of-table-contents"></div>
-      <div id="revision-toc" class="revision-toc mt-3 sps sps--abv" data-sps-offset="123">
-        <div id="revision-toc-content" class="revision-toc-content"></div>
+      <!-- <div class="revision-toc"> -->
+        <div id="revision-toc" class="revision-toc mt-3 sps sps--abv" data-sps-offset="123">
+          <!-- <div id="top-of-table-contents"></div> -->
+          <div id="revision-toc-content" class="revision-toc-content"></div>
+        </div>
+      <!-- </div> -->
       </div>
-    </div>
 
   </div>