Khusus IE, properti HTMLBodyElement.bgProperties menetapkan apakah gambar latarbelakang dari BODY perlu ikut tergulung atau tidak ketika pengguna menggulung dokumen.
Sintaks:
bodyObj.bgProperties = value
bodyObj.bgProperties
value adalah DOMString yang bisa berisi:
- 'scroll' menyebabkan gambar latarbelakang ikut tergulung.
- 'fixed' menyebabkan gambar latarbelakang tidak ikut tergulung.
Pengaturan awal untuk perilaku ini harus diatur via BACKGROUND-ATTACHMENT CSS, dan untuk memodifikasinya bisa dengan body.style.backgroundAttachment.
Di bawah ini adalah dua statemen yang sama:
document.body.bgProperties = "fixed";
Atau
document.body.style.backgroundAttachment = "fixed";
Contoh di bawah ini gambar latarbelakang BODY akan ikut tergulung ketika pengguna menggulung halaman. Tetapi, ketika pengguna mengklik tombol "Fixed!", maka gambar latarbelakang BODY tidak ikut tergulung.
Sebelumnya di bagian HEAD terdapat pengaturan CSS dan satu fungsi:
<STYLE TYPE="text/css">
body {
height: 1000px;
background-image: url(image.png);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center;
}
</STYLE>
<SCRIPT TYPE="text/javascript">
function foo() {
document.body.style.backgroundAttachment = "fixed";
}
</SCRIPT>
Dan di bagian BODY terdapat penulisan:
<BUTTON TYPE="button" ONCLICK="foo()">Fixed!</BUTTON>
