我是网络开发的新手,我遇到了一些麻烦。
我的项目要求我在页面顶部有一个居中的徽标图像,下面有导航栏。但是,当用户向下滚动时,导航必须向上移动并保持固定,除非用户向上滚动到顶部 - 在这种情况下,导航栏将返回其原始位置。
我使用以下代码使用jQuery实现了这个目的:
$(window).scroll(function() {
if ($(window).scrollTop() < 10) {
$nav.css('top', 'initial');
} else {
$nav.css('top', '0px');
}
});
除了Safari之外,它适用于所有浏览器。在Safari中,向下滚动页面时,导航栏会移动到顶部,但滚动的越多,它向上滑动的越远,远离视图,最终从顶部消失。
有什么问题?