jquery 不用fixed实现随动效果

答案:2 悬赏:60

解决时间 2021-12-23 01:45

提问者网友：你在我眼中是最帅
2021-12-22 05:10

由于做移动端的时候页面用的是rem布局，然而谷歌内核并不支持字体小于12px，以至于在屏幕360px的情况下，为能实现rem布局所以使用了transform。但在transform的作用下，元素并不支持使用fixed，所以想问，如何能通过JQ在不使用fixed的情况下实现导航随动效果。

最佳答案

二级知识专家网友：萌萌哒小可爱
2021-12-22 06:31

有几个地方我都不明白：JQ在不使用fixed，为能实现rem布局所以使用了transform。

Fix是样式，关JQ什么事?（样式不使用fix，样式使用transform，jQ怎么操作才能实现吧？）
rem布局跟transform又有什么关系？（字体跟容器的转换有什么关系）

你要用transform做这个效果，你的导航要根据你“导航的容器“来定位，然后你”导容“必须要全部遮住，毕竟鼠标是全屏飞的。这是时候你就可以在“导容”那里加上move事件，从而在move事件的属性，来每次修正导航的transform的值。

全部回答

1楼网友：啵啵桃汀
2021-12-22 08:10

if($(document).scrolltop()>200){ $(".nav").stop().removeclass('fixed'); $('div.gobuy').hide(); }); }else{ $(".nav").stop().addclass('fixed'); $('div.gobuy').show(); } 你这写成了高度大于200的时候去除fixed，小于200的时候加上fixed了吧。。。

我要举报

如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！