我想仅在页面滚动时应用媒体查询xxxx pixels down
有没有办法可以在没有JS的媒体查询中做到这一点?
已更新 我问的原因是因为基于偏移位置的JS插件都没有在iPad,iPhone和Safari上工作,他们没有正确计算偏移量Fixed position delayed on IOS和Bootstrap scrollspy not working on iPad
所以我想如果可能的话,我可以通过媒体查询来做到这一点。
答案 0 :(得分:2)
不,你不能用媒体查询做到这一点,媒体查询用于测试响应式网页设计的屏幕尺寸。
您将不得不使用javascript检查滚动位置,然后相应地应用媒体查询。
答案 1 :(得分:0)
你可以使用twitter bootstrap scrollspy方法:http://getbootstrap.com/javascript/#scrollspy
答案 2 :(得分:0)
媒体查询无法实现这一点,但您可以使用JavaScript执行此操作。如果您遇到ScollSpy问题,请查看Waypoints。这适用于移动设备,是您工具带中令人难以置信的库。这将让您对用户的滚动位置作出反应。