Sæt lodret scrollbar til at være på altid.
- <style type="text/css">
-
- body{
- overflow-y:scroll;
- }
-
- </style>
Det var ikke lige den løsning jeg synes der var så smuk. Det må vel være muligt via jQuery at finde ud af om der er scrollbar på og så redigere i padding-right.
Har set lidt på nettet men flere siger de ikke løsninger de siger virker i div'er ikke virker på body.
Løsning:1. Find størrelsen på det synlige vindue
2. Find størrelsen på indholdet i dit område (div, body etc)
3. Se om dit indhold er større end det synlige vindues størrelse.
En lille kodestump der skal vise hvordan det kan gøres:
- //Get the element you want - in my case body
- var obj = document.getElementById("ThisIsBody");
- var contentHeight = obj.clientHeight;
- var screenHeight = $(window).height();
-
- if (contentHeight >= screenHeight) {
-
- alert("Uses overflow and scrollbars");
- $("#header").css("padding-right", "50px");
- //Gives a visual indication that something have changed
- $("#header").css("background-color", "red");
- }
Indlæg senest redigeret d. 22.06.2012 10:35 af Bruger #17215