Web上的平滑滚动问题(使用Angularjs)

时间:2015-08-31 23:00:56

标签: javascript angularjs

任何人都可以解释一下,为什么我的网页在mac safari上有滚动问题?同样是在ipad上:chrome& safari应用程序在滚动时崩溃。否则在Mac上的chrome没有遇到这个问题:看起来这里的一切都很完美。 网址:http://tailorshop.tk/dist/

这是滚动指令:

.directive('scrollOnClick', function () {
  return {
    restrict: 'A',
    link: function(scope, element, attrs) {
      var mainbody = $("body");
      var idToScroll = attrs.href;
      element.on('click', function() {
        var $target;
        if (idToScroll) {
          $target = $(idToScroll);
        } else {
          $target = element;
        }
        mainbody.animate({scrollTop: $target.offset().top}, "slow");
      });
    }
  };
});

1 个答案:

答案 0 :(得分:0)

尝试动画滚动时,而不是var mainbody = $("body");使用var mainbody = $("html, body"); - 如果我在某些Safari版本中记得正确,滚动动画如果仅将其应用于正文则不起作用,您需要将其添加到html太