Javascript 它没有';当我只在iphone上向下滚动时,无法移动
当iphone上的菜单栏位于顶部时,我想停止菜单栏。它可以将菜单栏停止在顶部位置,但当向后滚动时,它不能顺利工作。菜单栏在顶部停留片刻。(Android可以同时移动两者) 我该怎么办 多谢各位 这是CSSJavascript 它没有';当我只在iphone上向下滚动时,无法移动,javascript,jquery,css,Javascript,Jquery,Css,当iphone上的菜单栏位于顶部时,我想停止菜单栏。它可以将菜单栏停止在顶部位置,但当向后滚动时,它不能顺利工作。菜单栏在顶部停留片刻。(Android可以同时移动两者) 我该怎么办 多谢各位 这是CSS .fixed { position: fixed; top: 0; width:100%; transform: translateZ(0); -webkit-transform: translateZ(0);
.fixed {
position: fixed;
top: 0;
width:100%;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
这是JS
$(function() {
var nav = $('.menu-bar');
var offsetTop = nav.offset().top;
var floatMenu = function() {
var $scrollTop = $(window).scrollTop();
if ($scrollTop >= offsetTop) {
nav.addClass('fixed');
} else {
nav.removeClass('fixed');
}
}
$(window).scroll(floatMenu);
$('body').bind('touchmove', floatMenu);
});
关于这种行为的解读很好:谢谢你重播我,我试着去读。