A href javascript scroll?

Question

[Anton Почти]

как при нажатий на ссылку сработал скрипт скролла ( скролл как у мышки )?

Answer 1

[kn1ght_t]

$('.anchor').on('click', function(e){
	e.preventDefault();
	var anchor = $(this).attr("href");
	$('html,body').stop().animate({ scrollTop: $(anchor).offset().top}, 1000);
});

Answer 2

[Bob Smily]

С помощью jQuery

<a href="#" class="but">goto</a>

$('.but').on('click', function() {
// так
    $('body').scrollTo('#target');
// или так
    $('#content').scrollTo(500);
// или так
    $('body').scrollTo('#post-5',{duration:'slow', offsetTop : '50'});
} );

lions-mark.com/jquery/scrollTo

Answer 3

[Михаил Шведков]

Проще всего - jQuery

jQuery(document).on("click",".linkclass",function(e){
                e.preventDefault();
                $('body').scrollTo(jQuery(e.currentTarget).attr("href"));
                return false;
            });
$.fn.scrollTo = function( target, options, callback ){
  if(typeof options == 'function' && arguments.length == 2){ callback = options; options = target; }
  var settings = $.extend({
    scrollTarget  : target,
    offsetTop     : 50,
    duration      : 500,
    easing        : 'swing'
  }, options);
  return this.each(function(){
    var scrollPane = $(this);
    var scrollTarget = (typeof settings.scrollTarget == "number") ? settings.scrollTarget : $(settings.scrollTarget);
    var scrollY = (typeof scrollTarget == "number") ? scrollTarget : scrollTarget.offset().top + scrollPane.scrollTop() - parseInt(settings.offsetTop);
    scrollPane.animate({scrollTop : scrollY }, parseInt(settings.duration), settings.easing, function(){
      if (typeof callback == 'function') { callback.call(this); }
    });
  });