关于使用 js 检测元素高度并改变状态的一个坑

2018.03.22 15:20:34 Thursday 448 views

大家在使用电脑浏览本站的时候可能会发现一个效果:文章页的右边有一个类似于广告的元素当页面滚动到使该元素靠近浏览器顶部的位置时,该元素会固定,而当底部快要靠近该元素的时候,该元素又恢复默认的状态。

这个效果是使用 JS 代码来实现的,用的是原生的方法,在实现这个效果的时候遇到一个问题反复调试也没有找到原因,后来发现竟然是因为页面没有添加“<!DOCTYPE html>”引起的,在主题的 head 文件最顶端加上这一句代码就可以就解决这个问题了。

此前之所以没有加这段代码是因为这段代码在多篇文章中均提到是不必要的,而且在谷歌浏览器中调试会标注这段代码为黄色,关于这段代码的作用目前还不是很清楚,总之加上它问题就解决了,这算是一个坑。

亲爱的读者:本文结束了,非常感谢你的阅读。阅读是美意,分享是鼓励,如果觉得本站文章对你有用,请分享文章给你的朋友。你的支持将鼓励我继续创作。本站电脑版此前长期一段时间下线了评论功能,目前已经恢复了,如果需要评论请使用手机访问或直接在下方填写,我们万分期待看到你的留言。

你可以通过下方的评论模块与我们进一步交流,评论内容不会公开展示:


提示:当前页面不支持阅读模式。

扫二维码添加微信

★ ★ ★ ★ ★

“感谢你的鼓励与陪伴,我们的坚持才有意义”

创新与发展 – 我的网络日志保留所有权利 欢迎各界朋友与本站交换友情链接或在本站投放广告,如有合作意向请直接与站务联系

测试文字 体验新版 站内搜索 测试文字 测试文字 测试文字 测试文字 测试文字 虚拟主机