Question

我正在构建一个Ionic / Angular应用程序，而我想要在滚动输入上反转滚动方向。所以通常当你向下滚动时，你滚动的区域也会向下移动。我想要完成的是当你向下滚动内容时向上移动，当你向上滚动时，内容会向下移动。

那么可以反转滚动方向吗？

这是我的代码：

temp=

Answer 1

是的，有可能。看看这个jsFiddle。

HTML：

<div ng-app="scrollApp">
    <scrollbox> <!-- my directive -->
        Content to be scrolled
    </scrollbox>
</div>

JavaScript的：

var app = angular.module('scrollApp', []);

app.directive('scrollbox', function($window) {

    angular.element($window).bind('mousewheel', function(event) {        

        event.preventDefault(); // cancel the default scroll

        var currentPosition = $window.pageYOffset;
        var delta = event.wheelDelta;                         
        window.scrollTo(0, currentPosition + delta);
    }); 

    return {};
});

使用AngularJS反向滚动方向

1 个答案: