web前端入门到实战:Html吸顶效果

Html吸顶效果

一、HTML

HTML中需要给div一个id

创新互联公司于2013年开始,公司以网站建设、成都网站建设、系统开发、网络推广、文化传媒、企业宣传、平面广告设计等为主要业务,适用行业近百种。服务企业客户上1000+,涉及国内多个省份客户。拥有多年网站建设开发经验。为企业提供专业的网站建设、创意设计、宣传推广等服务。 通过专业的设计、独特的风格,为不同客户提供各种风格的特色服务。




    





二、CSS


 web前端开发学习Q-q-u-n:784783012 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法
(详细的前端项目实战教学视频,PDF)

三、JS

1、面向过程


2、面向对象

1)封装方法
/* 
 * 封装吸顶函数,需结合css实现。
 * 也可以直接用js改变样式,可以自行修改。
 */
    function ceiling(obj) {
        var ot = obj.offsetTop;
        document.onscroll = function () {
        var st = document.body.scrollTop || document.documentElement.scrollTop;
        obj.setAttribute("data-fixed",st >= ot?"fixed":"");
        }
    }
2)调用方法


web前端开发学习Q-q-u-n:784783012 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法
(详细的前端项目实战教学视频,PDF)

分享标题:web前端入门到实战:Html吸顶效果
文章位置:http://pwwzsj.com/article/pcsjjg.html