Smooth link scrolling not on whole body, but certain div

Question

I'm using this code for smooth link scrolling:

    function filterPath(string) {
    return string
      .replace(/^\//,'')
      .replace(/(index|default).[a-zA-Z]{3,4}$/,'')  
      .replace(/\/$/,'');
    }

$('a[href*=#]').each(function() {
if ( filterPath(location.pathname) == filterPath(this.pathname)
&& location.hostname == this.hostname
&& this.hash.replace(/#/,'') ) {
  var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']');
  var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;
   if ($target) {
        $(this).click(function() {
            var targetOffset = $target.offset().top;
            $('html, body, .container-1-2').animate({
                scrollTop: $target.offset().top - 70}, 600
             );

            return false;
        });
  }
}
});

'm scrolling not the whole page, but only certain div with class container-1-2.

The problem I have is that when anchor link is clicked, it scrolls to the id which was specified, but when I click the same link again, it scrolls to the top. Just can't figure it out how to prevent scrolling it to the top again and stay still.

Try animating only `$(html, body)`? That's all that seems off from a first glance. — Shikkediel, Apr 22 '15 at 08:53
Could you show the HTML maybe? Easier to see what's going on with a live test case. — Shikkediel, Apr 22 '15 at 10:23
[link](http://exportnet.lt/other/chiswick/building-1.html) here is the link. The problem is with links on the left side, which are called Specifications and Floorplan — Darius R., Apr 22 '15 at 10:26
I see what might be the issue. Using `offset()` is relative to the page and used for 'global' navigation. In case of a nested element, you could try using `position()` instead. — Shikkediel, Apr 22 '15 at 10:32
Well, I've tried to change to position( ) but the effect is the same :/ — Darius R., Apr 22 '15 at 10:39

score 1 · Accepted Answer · answered Apr 23 '15 at 12:57

I've found the solution.

$(function() {
    $('a[href*=#]').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
        if (target.length) {
            $('.content-container').animate({
                scrollTop: $('.content-container').scrollTop() + target.offset().top - 70
            }, 1000);
        return false;
        }
     }
   });
});

Smooth link scrolling not on whole body, but certain div

1 Answers1

Linked