Style backgroundAttachment 属性

返回上一级

Style 对象的 backgroundAttachment 属性设置或返回背景图像是否固定或者随着页面的其余部分滚动

语法

设置 backgroundAttachment 属性

object.style.backgroundAttachment="scroll|fixed|local"

返回 backgroundAttachment 属性

object.style.backgroundAttachment

值描述

描述
[scroll 背景随着元素一起滚动。这是默认
[fixed 背景保持固定
[local 背景随着元素的内容一起滚动

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 backgroundAttachment 属性

范例

设置背景图像为固定( 不滚动 )

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>简单教程(twle.cn)</title> 
<style type="text/css">
body{
    background:#f3f3f3 url('/static/i/html/img_tree.png') no-repeat right top;
}
</style>
<script>
function displayResult(){
    document.body.style.backgroundAttachment="fixed";
}
</script>
</head>
<body>

<button type="button" onclick="displayResult()">将背景图像设置为固定的</button>
<br>
<h1>Hello World!</h1>
<p>这是一个段落</p>
<p>这是一个段落</p>
<p>这是一个段落</p>
<p>这是一个段落</p>
<p>这是一个段落</p>
<p>这是一个段落</p>
<p>这是一个段落</p>
<p>这是一个段落</p>
<p>这是一个段落</p>
<p>这是一个段落</p>
<p>这是一个段落</p>
<p>这是一个段落</p>
<p>这是一个段落</p>
<p>这是一个段落</p>
<p>这是一个段落</p>

</body>
</html>

运行范例 »

更多范例

  1. 滚动和固定之间切换

    滚动和固定的 backgroundAttachment 之间的切换。

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.