javascript - 单击使用 jquery 固定的位置上的 nav

Question

我有这个 CSS 代码: How can I get a fixed address-bar in Google Chrome for Android with javascript

这是预览图像: http://s7.picofile.com/file/8388260676/photo.jpg

当我向下滚动页面时，代码显示< main style="top:2268px;">;

但是当我单击第一个时，代码显示 < main style="top:0px;">

我希望当我点击它时它是2268px。

我的代码(javascript):

$(window).scroll(function (event) {
    var sc = $(window).scrollTop();
    // console.log(sc);
    $("body main").css('top',sc);
});
$("header .nav-click").click(function(){
    $("body main").css('top',sc);
});

Answer 1

你的var cs是局部变量。如果你想在另一个函数中使用它，请尝试在全局范围内初始化它。

此外，您应该将其定义为“px”。意思是在将其指定为 css 时在末尾添加 px

var sc = $(window).scrollTop();

$(window).scroll(function (event) {
    sc = $(window).scrollTop();
    $("body main").css('top',sc + 'px');
});

$("header .nav-click").click(function(){
    $("body main").css('top',sc + 'px');
});