нажмите навигацию в позиции, зафиксированной jquery

Question

У меня есть этот CSS код: Как получить фиксированную адресную строку в Google Chrome для Android с javascript

Вот предварительный просмотр image: http://s7.picofile.com/file/8388260676/photo.jpg

Когда я прокручиваю страницу вниз, код показывает ;

Но когда я нажимаю номер один, код показывает

Я хочу, чтобы при щелчке он был 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». означает добавить px в конце, когда вы назначите его как css

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');
});