• 【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
  • 相关阅读:
    Autofac的基本使用---4、使用Config配置
    Autofac的基本使用---3、泛型类型
    Autofac的基本使用---2、普通类型
    Autofac的基本使用---1、前言
    MVC中Autofac的使用
    EF快速入门--直接修改(简要介绍ObjectContext处理机制)
    EF生成模型时Disigner中无信息
    C语言关键字-volatile
    linux内核分析之内存管理
    (转)Linux SLUB 分配器详解
  • 原文地址:https://www.cnblogs.com/websmile/p/12531998.html
Copyright © 2020-2023  润新知