PHP gevorderde |
|
Hallo,
Ik heb een vraagje, ik wil mijn div 100% maken maar als 1 van de 3 divs groter is dan de browser komt er een scrollbar. Als er dus een scrollbar is moet de scrollhoogte, hoeveel px je dus kan verscrollen er bijgeteld worden zodat de achtergrond toch beneden komt.
Ik heb dus de vensterhoogte en wil nog het aantal pixels dat je kan scrollen. Als ik deze bij mijn vensterhoogte kan tellen - 166 (header) heb ik een perfecte achtergrond.
<script type="text/javascript">
function resize() {
document.getElementById('menu').style.height = "100%";
function client() {
return self.innerHeight || (document.documentElement.clientHeight || document.body.clientHeight);
}
var clientheight = client();
document.getElementById('menu').style.height = parseInt(clientheight - 166) + "px";
document.getElementById('menu2').style.height = parseInt(clientheight - 166) + "px";
document.getElementById('content').style.height = parseInt(clientheight - 166) + "px";
window.alert(clientheight);
}
</script>
<script type="text/javascript"> function resize() { document.getElementById('menu').style.height = "100%"; function client() { return self.innerHeight || (document.documentElement.clientHeight || document.body.clientHeight); } var clientheight = client(); document.getElementById('menu').style.height = parseInt(clientheight - 166) + "px"; document.getElementById('menu2').style.height = parseInt(clientheight - 166) + "px"; document.getElementById('content').style.height = parseInt(clientheight - 166) + "px"; window.alert(clientheight); } </script>
Mijn vraag is dus voornamelijk: hoe kom ik te weten hoeveel pixels er kan worden gescrold?
I think i solved my problem:
<script type="text/javascript">
function resize() {
document.getElementById('menu').style.height = "100%";
function client() {
return self.innerHeight || (document.documentElement.clientHeight || document.body.clientHeight);
}
var clientheight = client();
document.getElementById('menu').style.height = parseInt(clientheight - 166) + "px";
document.getElementById('menu2').style.height = parseInt(clientheight - 166) + "px";
document.getElementById('content').style.height = parseInt(clientheight - 166) + "px";
var sheight = document.documentElement.scrollHeight;
if(sheight > clientheight) {
document.getElementById('menu').style.height = parseInt(sheight - 166) + "px";
document.getElementById('menu2').style.height = parseInt(sheight - 166) + "px";
document.getElementById('content').style.height = parseInt(sheight - 166) + "px";
}
}</script>
<script type="text/javascript"> function resize() { document.getElementById('menu').style.height = "100%"; function client() { return self.innerHeight || (document.documentElement.clientHeight || document.body.clientHeight); } var clientheight = client(); document.getElementById('menu').style.height = parseInt(clientheight - 166) + "px"; document.getElementById('menu2').style.height = parseInt(clientheight - 166) + "px"; document.getElementById('content').style.height = parseInt(clientheight - 166) + "px"; var sheight = document.documentElement.scrollHeight; if(sheight > clientheight) { document.getElementById('menu').style.height = parseInt(sheight - 166) + "px"; document.getElementById('menu2').style.height = parseInt(sheight - 166) + "px"; document.getElementById('content').style.height = parseInt(sheight - 166) + "px"; } }</script>
|