Smooth link anchor scrolling

Question

The following JS aims to promote smooth scrolling when we click on anchors on a website one-page. There is how to restrict its performance only with resolutions higher than 760px?

$(document).ready(function () {
    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) {
                var targetOffset = $target.offset().top;
                $(this).click(function () {
                    $('html, body').animate({scrollTop: targetOffset}, 300);
                    return false;
                });
            }
        }
    });
});

Answer 1

Just change this snippet of your code:

$(this).click(function () {
   if($(window).width() > 760){
      $('html, body').animate({scrollTop: targetOffset}, 300);
      return false;
   }
});

Example _{I had to put the code in Jsfiddle because it doesn’t work as it should in snippet Stackoverflow. To reproduce, simply decrease the result for a size < 200.}