内容简介：有没有办法用媒体查询来检测垂直滚动距离？看来媒体查询是围绕检测媒体(令人震惊的权利：P)而设计的,因此浏览器的高度是可测试的,但不具体说明页面滚动的距离.如果是不可能的,但是你知道一个JS(不是jQuery)的方式,随意发帖！
有没有办法用媒体查询来检测垂直滚动距离？
看来媒体查询是围绕检测媒体(令人震惊的权利：P)而设计的,因此浏览器的高度是可测试的,但不具体说明页面滚动的距离.
如果是不可能的,但是你知道一个JS(不是jQuery)的方式,随意发帖！
我不相信CSS媒体查询是可能的,但是我知道使用window.pageYOffset可以在JavaScript中找到滚动高度.每当用户在页面上向上或向下滚动时,如果要通过函数运行此值,则可以执行类似操作
window.onscroll = function() {
scrollFunctionHere(window.pageYOffset);
};
要不就：
window.onscroll = scrollFunctionHere;
如果函数本身检查了window.pageYOffset的值.
有关如何在JavaScript中高效使用window.onscroll的更多建议,请参阅 mynameistechno’s answer .
代码日志版权声明：
翻译自：http://stackoverflow.com/questions/16922731/media-query-for-vertical-scroll
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
深入React技术栈
陈屹 / 人民邮电出版社 / 2016-11-1 / CNY 79.00
全面讲述React技术栈的第一本原创图书，pure render专栏主创倾力打造 覆盖React、Flux、Redux及可视化，帮助开发者在实践中深入理解技术和源码 前端组件化主流解决方案，一本书玩转React“全家桶” 本书讲解了非常多的内容，不仅介绍了面向普通用户的API、应用架构和周边工具，还深入介绍了底层实现。此外，本书非常重视实战，每一节都有实际的例子，细节丰富。我从这......一起来看看 《深入React技术栈》 这本书的介绍吧!
