jquery 不用fixed实现随动效果
答案:1 悬赏:40 手机版
解决时间 2021-03-23 08:35
- 提问者网友:温旧梦泪无声
- 2021-03-22 14:17
jquery 不用fixed实现随动效果
最佳答案
- 五星知识达人网友:渡鹤影
- 2021-03-22 15:35
有几个地方我都不明白:JQ在不使用fixed,为能实现rem布局所以使用了transform。
Fix是样式,关JQ什么事?(样式不使用fix,样式使用transform,jQ怎么操作才能实现吧?)
rem布局跟transform又有什么关系?(字体跟 容器的转换有什么关系)
你要用transform做这个效果,你的导航要根据你“导航的容器“来定位,然后你”导容“必须要全部遮住,毕竟鼠标是全屏飞的。这是时候你就可以在“导容”那里加上move事件,从而在move事件的属性,来每次修正导航的transform的值。追问由于要在移动端上做rem布局,然而谷歌内核不能支持让rem做到小于12px以下的适应,要做到满足40rem的满屏宽度需要做到font-size 9px,然后为了满足这个需求所以才用了transform去突破谷歌的最小字体限制。但是做完transform的控制以后又需要在页面做一条随动的导航,却又不能使用fixed,所以才会产生了“不使用fixed的情况下用JQ做出随动效果”的问题。
Fix是样式,关JQ什么事?(样式不使用fix,样式使用transform,jQ怎么操作才能实现吧?)
rem布局跟transform又有什么关系?(字体跟 容器的转换有什么关系)
你要用transform做这个效果,你的导航要根据你“导航的容器“来定位,然后你”导容“必须要全部遮住,毕竟鼠标是全屏飞的。这是时候你就可以在“导容”那里加上move事件,从而在move事件的属性,来每次修正导航的transform的值。追问由于要在移动端上做rem布局,然而谷歌内核不能支持让rem做到小于12px以下的适应,要做到满足40rem的满屏宽度需要做到font-size 9px,然后为了满足这个需求所以才用了transform去突破谷歌的最小字体限制。但是做完transform的控制以后又需要在页面做一条随动的导航,却又不能使用fixed,所以才会产生了“不使用fixed的情况下用JQ做出随动效果”的问题。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯