kevinveenbirkenbach/homepage.veen.world
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/homepage.veen.world.git synced 2025-04-22 13:12:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

Modified scrollbars for iframes

Browse Source
This commit is contained in:
Kevin Veen-Birkenbach 2025-03-18 15:03:03 +01:00
parent 3529749df5
commit 6a0db00f24
No known key found for this signature in database
GPG Key ID: 44D8F11FD62F878E
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/static/js/iframe.js
View File

@ -2,6 +2,7 @@ document.addEventListener("DOMContentLoaded", function () {
const links = document.querySelectorAll(".iframe-link"); const links = document.querySelectorAll(".iframe-link");
const mainElement = document.querySelector("main"); const mainElement = document.querySelector("main");
const container = document.querySelector(".container"); const container = document.querySelector(".container");
const customScrollbar = document.getElementById("custom-scrollbar");
links.forEach(link => { links.forEach(link => {
link.addEventListener("click", function (event) { link.addEventListener("click", function (event) {
@ -19,6 +20,11 @@ document.addEventListener("DOMContentLoaded", function () {
container.classList.replace("container", "container-fluid"); container.classList.replace("container", "container-fluid");
} }
// Hide the custom scrollbar
if (customScrollbar) {
customScrollbar.style.display = "none";
}
// Check if the iframe already exists // Check if the iframe already exists
let iframe = mainElement.querySelector("iframe"); let iframe = mainElement.querySelector("iframe");
@ -28,6 +34,8 @@ document.addEventListener("DOMContentLoaded", function () {
iframe.width = "100%"; iframe.width = "100%";
iframe.style.border = "none"; iframe.style.border = "none";
iframe.style.height = mainElement.style.height; // Apply fixed height iframe.style.height = mainElement.style.height; // Apply fixed height
iframe.style.overflow = "auto"; // Enable scrollbar inside iframe
iframe.scrolling = "auto"; // Ensure scrollability
mainElement.innerHTML = ""; // Clear main content mainElement.innerHTML = ""; // Clear main content
mainElement.appendChild(iframe); mainElement.appendChild(iframe);
} }