• 【js】吸顶条功能


    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Page Title</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
            .dt{
                height:50px;
                width:100%;
                background-color: yellow;
            }
            .ding{
                height:50px;
                width:100%;
                background-color: yellow;
                position: fixed;
                top: 0px;
                left:0px;
            }
        </style>
        <script>
            var dt = null,divTop;
            window.onload = function(){
                dt = document.getElementsByClassName("dt")[0];        //获取div元素
                divTop = dt.offsetTop; 
            }
           
            window.onscroll = function(){                              
                var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
                var cHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
                  console.log(divTop, scrollTop);
                if (divTop  < scrollTop + cHeight) {                                     
                    dt.className = "ding";                             //更改类的css,固定定位
                } else {
                    dt.className = "dt";
                }
            }
        </script>
    </head>
    <body>
        <div style="height:900px;border:1px solid red;">驻美大使
        崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,我相信世界卫生组织作为全世界权威的公共卫生机构,他的原则是正确的,我们大家都应该遵守。</div>
        <div class="dt"></div>
        <div>崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,崔天凯:因为美国是这么大的一个国家,有3亿多人口,也可能有各种各样的美国人。我相信同学们平时在学校,在美国社会接触的绝大多数美国的民众,包括美国老师、美国同学都是比较友善的,很多人可能也成了朋友,但是也难免会有一些种族主义,排外、极端的人,美国还出现过很多所谓独狼式的恐怖分子,他对同学们的安全是有危害的,对美国社会、对美国老百姓也是个危害。
        
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,
        世界卫生组织是有个原则的,把新冠病毒命名为COVID-19,是不允许把任何病毒跟任何一个地方或者一个国家、一个民族、一个特殊的群体、一个个人,甚至不允许跟任何一种动物挂起来,防止污名化,我相信世界卫生组织作为全世界权威的公共卫生机构,他的原则是正确的,我们大家都应该遵守。
        </div>
    </body>
    </html>
    View Code
  • 相关阅读:
    使用 Nginx 内置 $http_user_agent 来区分( 电脑 pc、手机 mobile、平板 pad )端的内容访问
    原创《开源一个用 vue 写的树层级组件 vue-ztree》
    原创《weex面向未来的架构》
    原创《如何用vue来轻松的驾驭 html5 webapp的页面体验》
    Pdf Convert Image 的解决方案
    原创《分享(Angular 和 Vue)按需加载的项目实践优化方案》
    .npmrc 实用小技巧
    使用Tampermonkey,实现Gitlab禁用自我Merge的功能
    vue 之 render 函数不能渲染非全局自定义函数-方案
    反射、注解和动态代理
  • 原文地址:https://www.cnblogs.com/websmile/p/12531998.html
Copyright © 2020-2023  润新知