Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript css位置:当在chrome和safari中滚动时,固定会被取消固定_Javascript_Jquery_Html_Css_Wordpress - Fatal编程技术网

Javascript css位置:当在chrome和safari中滚动时,固定会被取消固定

Javascript css位置:当在chrome和safari中滚动时,固定会被取消固定,javascript,jquery,html,css,wordpress,Javascript,Jquery,Html,Css,Wordpress,好的,问题是,我使用的是与premiumwordpress主题捆绑在一起的stickyjs插件。我决定让手机图像在到达视口顶部时保持不变,并且所有功能都正常工作,只是在滚动时松开,然后再次移回固定位置,有时会闪烁。 这是网站--> 问题出现在chrome和safari中,而不是firefox中 谢谢 当它从relative切换到static时,它使用CSS转换从0px切换到80px(从顶部)。要解决此问题,请删除转换: -webkit-transition: .5s; -moz-transiti

好的,问题是,我使用的是与premium
wordpress
主题捆绑在一起的
stickyjs
插件。我决定让手机图像在到达视口顶部时保持不变,并且所有功能都正常工作,只是在滚动时松开,然后再次移回固定位置,有时会闪烁。
这是网站-->

问题出现在chrome和safari中,而不是firefox中


谢谢

当它从
relative
切换到
static
时,它使用CSS转换从0px切换到80px(从顶部)。要解决此问题,请删除转换:

-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;

…来自
#主要流程#移动电话

嗨,谢谢您的时间。好的,我删除了“majic process”手机的过渡功能,但问题仍然存在。在Safari/Chrome中,我的手机看起来都很棒。你用的是哪个版本的OSX?我用的是山狮。当你慢慢滚动时,你会注意到当它到达某一点时,手机会跳起来,然后返回到它的固定位置。