Блог

Я пытаюсь использовать этот код:

   function goToByScroll(id){

        id = id.replace("link", "");

        $('html,body').animate({
            scrollTop: $("#" id).offset().top},
            'slow');
    }

    $("#sidebar > ul > li > a").click(function(e) {

        e.preventDefault();

        goToByScroll($(this).attr("id"));           
    });
  

Проблема в том, что когда я нажимаю на определенный элемент списка, прокрутка поднимается до верхней части окна. Но в моем случае у меня фиксированный div вверху, поэтому содержимое скрыто этим div. Ну, я хочу, чтобы прокрутка останавливалась перед div.

есть идея?

ДЕМОНСТРАЦИЯ

Вам нужно присвоить верхней панели идентификатор (например, id =»header»), а затем вычесть его из атрибута scrollTop:

 $('html,body').animate({
    scrollTop: ($("#" id).offset().top-$('#header').outerHeight(true)) 'px'},
    'slow');
  

Вот рабочий пример.

 function goToByScroll(id){

        id = id.replace("link", "");

        $('html,body').animate({
            scrollTop: ($("#" id).offset().top - $("#YOUR_FIXED_DIV").height() ) },
            'slow');
    }

    $("#sidebar > ul > li > a").click(function(e) {

        e.preventDefault();

        goToByScroll($(this).attr("id"));           
    });