css - 在没有 JS 的情况下滚动页面时应用媒体查询

标签 css twitter-bootstrap media-queries

我只想在页面向下滚动xxxx 像素时应用媒体查询,有什么方法可以在没有 JS 的情况下使用媒体查询来实现吗?

已更新 我问的原因是因为没有一个基于偏移位置的 JS 插件在 iPad、iPhone 和 Safari 上工作,它们没有正确计算偏移量 Fixed position delayed on IOSBootstrap scrollspy not working on iPad

所以我想如果可能的话,我可以用媒体查询来做到这一点。

最佳答案

不,您不能使用媒体查询来做到这一点,媒体查询用于测试响应式网页设计的屏幕尺寸。

您将不得不使用 javascript 检查滚动位置,然后相应地应用媒体查询。

关于css - 在没有 JS 的情况下滚动页面时应用媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20772689/

相关文章:

CSS if else 条件,移动纵向或横向

css - 为网络导出图像的最佳实践 - DPI/PPI

javascript - 仅当 javascript 函数为 true 时才运行 HTML

php - 如何将一个类添加到一个动态菜单项?

css - 具有 MVC4 样式捆绑的智能感知

javascript - 我正在将 Bootstrap Timepicker 与 twitter bootstrap 一起使用,但它不会在单击时间图标时显示时间选择器弹出窗口

css - 是否有 Bootstrap 垂直下拉响应菜单?

javascript - 创建简单的 JQuery 待办事项列表

jquery - 从 ajax 调用时 DataTable 不应用样式

html - 并排添加具有相同类的两个列 div 之间的间隙