Home Articles FAQs XREF Games Software Instant Books BBS About FOLDOC RFCs Feedback Sitemap
irt.Org
#

Q934 Is it possible to fix the background image when the page is scrolled?

You are here: irt.org | FAQ | JavaScript | Scroll | Q934 [ previous next ]

In Internet Explorer you can use:

<body background="image.gif" bgproperties="fixed">

With the use of Style Sheets the following also work in Internet Explorer 4, but in Netscape Navigator 4 there is no support for the background-attachment attribute:

<body style="background-image: url(image.gif); background-repeat: repeat; background-attachment: fixed">

Using layers in Netscape Navigator 4, the closest that you can achieve is a floating layer that repositions itself to the current top left corner of the browser window. If the layer is large enough it will cover the complete window background. The only flaw, is that the layer judders every time the window is scrolled:

<html>

<body onLoad="pageOffset()">

<script language="JavaScript"><!--
function pageOffset() {
    if (document.layers) {
        document.layers['layerName'].pageX = window.pageXOffset;
        document.layers['layerName'].pageY = window.pageYOffset;
        setTimeout('pageOffset()',1);
    }
}

if (document.layers) {
    var output = '';
    output += '<layer id="layername" left="10" top="10" z-index="-1">';
    output += '<img src="image.gif"><img src="image.gif"><img src="image.gif"><br>';
    output += '<img src="image.gif"><img src="image.gif"><img src="image.gif"><br>';
    output += '<img src="image.gif"><img src="image.gif"><img src="image.gif"><br>';
    output += '<\/layer>';
    document.write(output);
}
//--></script>

<br><br><br><br><br><br><br><br><br><br>10
<br><br><br><br><br><br><br><br><br><br>20
<br><br><br><br><br><br><br><br><br><br>30
<br><br><br><br><br><br><br><br><br><br>40
<br><br><br><br><br><br><br><br><br><br>50
<br><br><br><br><br><br><br><br><br><br>60
<br><br><br><br><br><br><br><br><br><br>70
<br><br><br><br><br><br><br><br><br><br>80
<br><br><br><br><br><br><br><br><br><br>90
<br><br><br><br><br><br><br><br><br><br>100

</body>
</html>

Feedback on 'Q934 Is it possible to fix the background image when the page is scrolled?'

©2018 Martin Webb