AngularJS - 平滑$ anchorScroll();

时间:2014-06-24 09:26:45

标签: angularjs angularjs-directive angularjs-ng-repeat anchor-scroll

我的网络应用中有很多区域,我已经介绍了$anchorScroll();

实际的功能是预期的,因为在点击链接时,用户被移动到相应的部分,但是,移动是对部分的“跳转”,而不是平滑的滚动。

这是我创建的一个简单的小提琴:http://jsfiddle.net/oampz/ZRLKC/

我的js:

angular.module('test', []).controller('Ctrl', function ($scope, $location, $anchorScroll) {    

    $scope.scroll = function () {

         $location.hash('section-80');
         $anchorScroll();
    };

});

我正在尝试实现此处找到的效果(不使用jquery或其他库):http://www.surrealcms.com/blog/smoothly-scroll-to-an-element-without-a-jquery-plugin

0 个答案:

没有答案