css – 垂直滚动的媒体查询

前端之家收集整理的这篇文章主要介绍了css – 垂直滚动的媒体查询前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法用媒体查询来检测垂直滚动距离?

看来媒体查询是围绕检测媒体(令人震惊的权利:P)而设计的,因此浏览器的高度是可测试的,但不具体说明页面滚动的距离.

如果是不可能的,但是你知道一个JS(不是jQuery)的方式,随意发帖!

解决方法

我不相信CSS媒体查询是可能的,但是我知道使用window.pageYOffset可以在JavaScript中找到滚动高度.每当用户页面上向上或向下滚动时,如果要通过函数运行此值,则可以执行类似操作
window.onscroll = function() {
    scrollFunctionHere(window.pageYOffset);
};

要不就:

window.onscroll = scrollFunctionHere;

如果函数本身检查了window.pageYOffset的值.

有关如何在JavaScript中高效使用window.onscroll的更多建议,请参阅mynameistechno’s answer.

猜你在找的CSS相关文章