Javascript 如何使相对位置像iPhone上的固定位置一样工作?

Javascript 如何使相对位置像iPhone上的固定位置一样工作?,javascript,jquery,css,Javascript,Jquery,Css,我有一个顶部导航栏,我使用JavaScript将其固定在顶部 $(窗口)。滚动(函数(){ $('#nav').css({top:$(window.scrollTop()}); }); My nav(我的导航)当你滚动时,你的导航会消失,因为在触摸设备上,当你不滚动时,它只计算滚动顶部。js处理的粘性导航也是如此。 你试过了吗 position :sticky; top:0; 我用它作为iphone上position fixed/js Positioning的备用方案, 因为和你一样的原因

我有一个顶部导航栏,我使用JavaScript将其固定在顶部

$(窗口)。滚动(函数(){
$('#nav').css({top:$(window.scrollTop()});
});


My nav(我的导航)
当你滚动时,你的导航会消失,因为在触摸设备上,当你不滚动时,它只计算滚动顶部。js处理的粘性导航也是如此。 你试过了吗

position :sticky;
top:0;
我用它作为iphone上position fixed/js Positioning的备用方案,
因为和你一样的原因。

我试过了,但效果一点也不平滑,它在摇晃。另一个问题是,当屏幕继续向下滚动时,你拖动屏幕并取下手指,这意味着触摸移动事件不再触发,导航被甩在后面。你试图避免使用position:fixed;,有什么特别的原因吗;?我相信我正在用这种方法在我的网站(ShoutDRIVE.com)上完成你想要完成的事情,而且它在所有平台上都运行得非常顺利。如果可能的话,我会尽量避免不停地更新top属性。是的,我会尽量避免使用position fixed。我正在使用另一个插件,一个左侧的工具栏,它将页面推向了正确的方向,我对固定的标题有一些问题。