如果想在网站的首页做一个图片,随着滚动条滑动。
这就要把页面的最上面一句话删除。图片才能动。
但是把那句话删除了,页面上的样式就没用了,也就是没有样式的效果了。
虽然说鱼和熊掌不可兼得,当我想放弃时,我看到一个家具网有我想要的效果。
所以,我想,我想要的鱼和熊掌是可以兼得的咯。
故请大家帮帮忙!到底怎么实现呢?

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    加上这个Doctype头,浏览器就进入了standards模式,而不加的话是进入quirks模式,可以参考http://hi.baidu.com/lepharye/blog/item/4c53863f306693ce7c1e71be.html    在标准模式下使用document.body.scrollTop 获取值, 得到的值始终为0,而如果要想得到希望的结果,可以通过document.documentElement.scrollTop来获取
    要获取当前页面的滚动条纵坐标位置,用:   
    document.documentElement.scrollTop;   
      而不是:    
    document.body.scrollTop;   documentElement 对应的是 html 标签,而 body 对应的是 body 标签。   
      在标准w3c下,document.body.scrollTop恒为0,需要用document.documentElement.scrollTop来代替   
     
    你可以这样写
    if (document.body && document.body.scrollTop && document.body.scrollLeft)   
    {   
        top=document.body.scrollTop;   
        left=document.body.scrollleft;       
    }   
    if (document.documentElement && document.documentElement.scrollTop && document.documentElement.scrollLeft)   
    {   
        top=document.documentElement.scrollTop; 
        left=document.documentElement.scrollLeft;   
    } 参考资料:http://hi.baidu.com/lepharye/blog/item/4c53863f306693ce7c1e71be.html 
    希望能有所帮助
      

  2.   


    document.getElementById("图片id").top/maginTop = top("目前的位置")+document.documentElement.scrollTop + "px";这样图片就会跟着滚动条动,但是图片要是飘着的