css – 垂直滚动的媒体查询

栏目: CSS · 发布时间: 7年前

内容简介:有没有办法用媒体查询来检测垂直滚动距离?看来媒体查询是围绕检测媒体(令人震惊的权利: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


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

阿里传

阿里传

波特·埃里斯曼 / 张光磊、吕靖纬、崔玉开 / 中信出版社 / 2015-9-15 / CNY 49.00

你只知道阿里巴巴故事的中国部分,而这本书会完整呈现故事的全部。 波特•埃里斯曼是阿里巴巴创业时期为数不多的外国高管。他于2000~2008年在阿里巴巴担任副总裁,这本书记录了他在阿里巴巴8年的时间里的创业故事、商业经验以及在阿里巴巴和马云、蔡崇信、关明生等阿里巴巴早期团队并肩奋战的故事。 在波特眼中,阿里巴巴的成功经验和模式是可以复制的,阿里巴巴曾经犯过的错误,走过的弯路,我们也可以绕......一起来看看 《阿里传》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器