Прокрутка на jQuery: прокрутить на 60 пикселей выше, чем элемент с нужным id

@mnh · Регистрация: 04.09.2014

Author24 — интернет-сервис помощи студентам

Есть код прокрутки до нужного id
Как сделать чтобы прокручивалось выше на 60 пикселей до id ?

Javascript

        $(document).ready(function(){
 
            // = Вешаем событие прокрутки к нужному месту
            //   на все ссылки якорь которых начинается на #
            $('a[href^="/#"]').bind('click.smoothscroll',function (e) {
                var target = this.hash
                $target = $(target);
                if ($target.size()<=0) {
                    return 
                }
                e.preventDefault();
                $('html, body').stop().animate({
                    'scrollTop': $target.offset().top
                }, 900, 'swing', function () {
                    window.location.hash = target;
                    
                });
            });
 
        });

@xenohunter · 04.09.2014, 20:53

mnh, достаточно просто вычесть 60, ещё там достаточно только селектора body:

Javascript

1
2
3

$('body').stop().animate({
  'scrollTop': $target.offset().top - 60
} /* параметры и callback */ );

@mnh · 05.09.2014, 08:52 **[ТС]**

спасибо, работает. Только в ФФ прокручивает до -60 а затем скачкообразно становится на 0.

@xenohunter · 05.09.2014, 13:36

mnh, возможно, в Firefox нужно использовать не (или не только) preventDefault().

@mnh 0 / 0 / 0 Регистрация: 04.09.2014 Сообщений: 2
	05.09.2014, 08:52 [ТС]	3
	спасибо, работает. Только в ФФ прокручивает до -60 а затем скачкообразно становится на 0. 0

@xenohunter Дзен-программист 122 / 87 / 16 Регистрация: 10.04.2013 Сообщений: 253
	05.09.2014, 13:36	4
	mnh, возможно, в Firefox нужно использовать не (или не только) preventDefault(). 0