Avatar billede mr.meincke Nybegynder
30. januar 2004 - 23:40 Der er 5 kommentarer og
1 løsning

Sticky Bottom

Hey,
Jeg har et problem med et script jeg har fixet.
Det skulle oprindeligt være "sticky" til bunden, men det virker kun til toppen. Hvad fanden skal jeg ændre de forskellige til ? :S

    if (window.innerHeight)
    {
        pos = window.pageYOffset
    }
    else if (document.documentElement && document.documentElement.scrollTop)
    {
        pos = document.documentElement.scrollTop
    }
    else if (document.body)
    {
        pos = document.body.scrollTop
    }
    if (document.getElementById) {
        document.getElementById("clayer").style.top = pos; //getWD("height")-document.getElementById("clayer").style.height-26;
        document.getElementById("clayer").style.left = 0;
        document.getElementById("clayer").style.width = getWD("width");
    }
Avatar billede roenving Novice
30. januar 2004 - 23:51 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Placer i bund</title>

<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="edutasia;http://www.eksperten.dk/spm/360548">
<style type="text/css">
html,body{
height:100%;
}
</style>


<script type="text/javascript" language="JavaScript">
function moveCopyrightInfo() {
  var elm = document.getElementById('idCopyright');
  elm.style.display = 'block';
  var heightToUse = (document.body.offsetHeight > document.body.scrollHeight) ? document.body.offsetHeight : document.body.scrollHeight;
  //heightToUse = (heightToUse>screen.availHeight)?heightToUse:screen.availHeight;
  var newY = heightToUse - elm.offsetHeight - 20;
  var newX = document.body.scrollWidth - elm.offsetWidth - 20;
  elm.style.pixelTop = newY;
  //elm.style.pixelLeft = newX;
}
window.onresize = moveCopyrightInfo;
window.onload = moveCopyrightInfo;
</script>
</head>

<body style="margin:0px">
<div style="width:100%; height:100; background-color: silver; padding:20px">(13-05-2003) 
Respektfuld overvågning skaber sikkerhed
<br><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<br><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<br><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<br><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<br><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<br><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<br><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<br><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<br><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<br><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<br><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
</div>
<div id="idCopyright" style="display:block;position:absolute;width:100%;top:0px;left:0px;background-color:red;color:white; padding:5px;">&copy; Lavet af el_barto</div>

</body>
</html>
Avatar billede mr.meincke Nybegynder
31. januar 2004 - 01:16 #2
Den skal være i bunden af vinduet hele tiden. Man skal ikke scrolle ned til den hvis fx bunden er længere nede.
Avatar billede satanic_raven Nybegynder
31. januar 2004 - 01:18 #3
Erstatte:

pos = document.documentElement.scrollTop

med:

pos = document.documentElement.scrollBottom

Eller det har du måske allerede prøvet???

S.R.
Avatar billede mr.meincke Nybegynder
31. januar 2004 - 01:57 #4
Ja, så gider den slet ikke at gøre noget... :(
Avatar billede mr.meincke Nybegynder
31. januar 2004 - 02:03 #5
Er klaret:
function setCopyright() {
    if (window.innerHeight)
    {
        pos = window.pageYOffset
    }
    else if (document.documentElement && document.documentElement.scrollTop)
    {
        pos = document.documentElement.scrollTop
    }
    else if (document.body)
    {
        pos = document.body.scrollTop
    }
    if (document.getElementById) {
        document.getElementById("clayer").style.top = getWD("height")+pos-26; //getWD("height")-document.getElementById("clayer").style.height-26;
        document.getElementById("clayer").style.left = 0;
        document.getElementById("clayer").style.width = getWD("width");
    }
}
Avatar billede mr.meincke Nybegynder
31. januar 2004 - 02:04 #6
luk
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester