kevinveenbirkenbach/homepage.veen.world
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/homepage.veen.world.git synced 2025-10-31 15:39:02 +00: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
1 changed files with 8 additions and 0 deletions
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 mainElement = document.querySelector("main");
const container = document.querySelector(".container");
const customScrollbar = document.getElementById("custom-scrollbar");
links.forEach(link => {
link.addEventListener("click", function (event) {
@@ -19,6 +20,11 @@ document.addEventListener("DOMContentLoaded", function () {
container.classList.replace("container", "container-fluid");
}
// Hide the custom scrollbar
if (customScrollbar) {
customScrollbar.style.display = "none";
}
// Check if the iframe already exists
let iframe = mainElement.querySelector("iframe");
@@ -28,6 +34,8 @@ document.addEventListener("DOMContentLoaded", function () {
iframe.width = "100%";
iframe.style.border = "none";
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.appendChild(iframe);
}