如何让一张长图随着滚动条下拉延伸加载

如何让一张长图随着滚动条下拉延伸加载

div的样式中使用相当于浏览器窗口定位——position:fixed。一、position:fixed属性的含义fixed：生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过"left","top","right"以及"bottom"属性进行规定。我们平时所说的固定定位指的就是fixed，设置了固定定位的元素不会随滚动条上下滚动。二、一般的position:fixed;实现方法#top{position:fixed;bottom:0;right:20px}实现了id为top的元素固定在浏览器的底部和距离右边20个像素的位置#top{position:fixed;top:20px;right:20px}实现了id为top的元素固定在距离浏览器的顶部20个像素和距离右边20个像素的位置三、IE6下position:fixed;实现方法在IE6中是不能直接使用position:fixed;。你需要一些CSSHack来解决它相同的还是让元素固定在浏览器的底部和距离右边的20个像素，这次的代码是：#top{position:fixed;bottom:0;right:20px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}right跟left属性可以用绝对定位的法解决，而top跟bottom就需要用上面的表达式来实现。其中在_position:absolute;中的_符号只有IE6才能识别，目的是为了区分其他浏览器1、使元素固定在浏览器窗口的顶部：#top{_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}2、使元素固定距浏览器窗口的顶部a像素的位置：#top{_position:absolute;_top:expression(eval(document.documentElement.scrollTop));_margin-top:a;}或者#top{_position:absolute;_top:expression(eval(document.documentElement.scrollTop+a));}3、使元素固定在浏览器窗口的底部：#top{_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}4、使元素固定在距浏览器窗口的底部b像素的位置：#top{_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:b;}或者#top{_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||b)-(parseInt(this.currentStyle.marginBottom,10)||b)));}四、IE6下的闪动问题问题还没有完全解决。在用了上面的法后，你会发现：被固定定位的元素在滚动滚动条的时候会闪动。解决闪动问题的法是在CSS文件中加入：*html{background-image:url(about:blank);background-attachment:fixed;}其中*html选择器hack是给IE6识别的。到此，IE6的position:fixed;问题已经被解决了

设置动作路径，循环就可以了，滚动条只可以上下滚动，不可以作为播放操作。