动画scrollTop不适用于IE和Firefox

时间:2017-05-25 09:13:09

标签: javascript jquery html css

我有一个带有href属性的按钮,当我点击它时,它将滚动到id =“buttonhref_value”的div ...我需要在div之前有一些额外的空间,以便人们可以查看我的固定菜单栏在顶部..所以它的顶部 - 60 ...它工作正常铬,和safari..in IE无论我给多少额外的空间,它总是滚动到div的顶部..我的意思是div现在在菜单栏下方..有人可以帮忙吗?

  $.fn.smoothScrollOnClick = function () {
    return this.each(function () {
      $(this).on('click', function (event) {

        if (this.hash !== '') {
        var hash = this.hash;
        if ($('' + hash + '').length > 0) {
          var stop = ($('' + hash + '').offset().top - 60 );
          $('html, body').animate({ scrollTop: stop
            }, 200, function () {
            window.location.hash = hash;
          });
          event.preventDefault();
        }
       }
     });
   });
  };

0 个答案:

没有答案