【js】吸顶条功能
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<!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>
作者:smile.轉角
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利.
欢迎关注我,一起进步!扫描下方二维码即可加我QQ
![](https://www.cnblogs.com/images/cnblogs_com/websmile/1492407/t_smile%E8%BD%AC%E8%A7%92.jpg)