Added scroll

charandeepsinghb · Nov 30, 2023 · 27029ac · 27029ac
1 parent b3350e8
commit 27029ac
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -183,6 +183,10 @@
                 <label>Seperate</label>
                 <input type="checkbox" onclick="changeSeperate(event.target.checked)">
             </div>
+            <div>
+                <label>Scroll</label>
+                <input type="checkbox" onclick="changeScroll(event.target.checked)">
+            </div>
             <div>
                 <label>Word space:</label>
                 <div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/script.js b/script.js
@@ -214,3 +214,15 @@ function changeSeperate(isOn) {
     }
     baniSection.innerHTML = baniSection.innerHTML.replaceAll('॥<br data-mybreak="true">', '॥');
 }
+
+/*********************** Scroll *************************/
+
+function changeScroll(isOn) {
+    if (isOn) {
+        baniSection.style.overflowY = 'scroll';
+        baniSection.style.columnWidth = 'revert';
+        return;
+    }
+    baniSection.style.overflowY = 'hidden';
+    baniSection.style.columnWidth = '100vw';
+}