login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Aantal px scroll (Opgelost)

Offline finduilas - 16/01/2008 15:16 (laatste wijziging 16/01/2008 16:08)
Avatar van finduilasPHP 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.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. function resize() {
  3. document.getElementById('menu').style.height = "100%";
  4. function client() {
  5. return self.innerHeight || (document.documentElement.clientHeight || document.body.clientHeight);
  6. }
  7. var clientheight = client();
  8. document.getElementById('menu').style.height = parseInt(clientheight - 166) + "px";
  9. document.getElementById('menu2').style.height = parseInt(clientheight - 166) + "px";
  10. document.getElementById('content').style.height = parseInt(clientheight - 166) + "px";
  11. window.alert(clientheight);
  12. }
  13. </script>


Mijn vraag is dus voornamelijk: hoe kom ik te weten hoeveel pixels er kan worden gescrold?

I think i solved my problem:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. function resize() {
  3. document.getElementById('menu').style.height = "100%";
  4. function client() {
  5. return self.innerHeight || (document.documentElement.clientHeight || document.body.clientHeight);
  6. }
  7. var clientheight = client();
  8. document.getElementById('menu').style.height = parseInt(clientheight - 166) + "px";
  9. document.getElementById('menu2').style.height = parseInt(clientheight - 166) + "px";
  10. document.getElementById('content').style.height = parseInt(clientheight - 166) + "px";
  11. var sheight = document.documentElement.scrollHeight;
  12. if(sheight > clientheight) {
  13. document.getElementById('menu').style.height = parseInt(sheight - 166) + "px";
  14. document.getElementById('menu2').style.height = parseInt(sheight - 166) + "px";
  15. document.getElementById('content').style.height = parseInt(sheight - 166) + "px";
  16. }
  17. }</script>

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.193s