Как сделать плавный скролл?

Question

[Юрий]

Только начинаю учить js. Есть такой код и соответственно нужные блоки. Скролл есть, но не плавный

$(function(){
	$('a[href^="#"]').on('click', function(event) {
		// отменяем стандартное действие
		event.preventDefault();
		
		var sc = $(this).attr("#section2");
		
		$('html, body').animate({scroll: "#section2"}, 1000000);

	});
});

Answer 1

[Валерий Столярчук]

Держи:

$(document).on('click', 'a[href^="#"]', function(e) {

		var pathname = window.location.href.split('#')[0];

			var $this = $(this),
				link = $this.attr('href');
			$this.attr('href', pathname + link);


        var id = $(this).attr('href');
        // target element
        var $link = $(link);
        if ($link.length === 0) {
            return;
        }
		e.preventDefault();
		var pos = $link.offset().top;
		$('html, body').stop().animate({
			scrollTop: pos
		}, {
			duration: 1000,
			specialEasing: {
				width: "linear",
				height: "easeInOutCubic"
			}
		});
    });