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

时间:2013-12-25 12:14:52

标签: css twitter-bootstrap media-queries

我想仅在页面滚动时应用媒体查询xxxx pixels down有没有办法可以在没有JS的媒体查询中做到这一点?

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

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

3 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

你可以使用twitter bootstrap scrollspy方法:http://getbootstrap.com/javascript/#scrollspy

答案 2 :(得分:0)

媒体查询无法实现这一点,但您可以使用JavaScript执行此操作。如果您遇到ScollSpy问题,请查看Waypoints。这适用于移动设备,是您工具带中令人难以置信的库。这将让您对用户的滚动位置作出反应。