内容简介:有没有办法用媒体查询来检测垂直滚动距离?看来媒体查询是围绕检测媒体(令人震惊的权利: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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
PHP for the World Wide Web, Second Edition (Visual QuickStart Gu
Larry Ullman / Peachpit Press / 2004-02-02 / USD 29.99
So you know HTML, even JavaScript, but the idea of learning an actual programming language like PHP terrifies you? Well, stop quaking and get going with this easy task-based guide! Aimed at beginning ......一起来看看 《PHP for the World Wide Web, Second Edition (Visual QuickStart Gu》 这本书的介绍吧!