Question

使用桌面浏览器和可滚动标签标签时，标签会滚动鼠标滚轮。当使用一组标签向下滚动页面并且总是卡在标签标签滚动中时，这很烦人。

行为可以在这里看到：https://material.angularjs.org/latest/demo/tabs 缩小窗口并向下滚动到动态标签。

我认为相关的代码在这里：

angular.module('material.components.tabs')
    .directive('mdTabScroll', MdTabScroll);

function MdTabScroll ($parse) {
  return {
    restrict: 'A',
    compile: function ($element, attr) {
      var fn = $parse(attr.mdTabScroll, null, true);
      return function ngEventHandler (scope, element) {
        element.on('mousewheel', function (event) {
          scope.$apply(function () { fn(scope, { $event: event }); });
        });
      };
    }
  }
}
MdTabScroll.$inject = ["$parse"];
...
<md-pagination-wrapper md-tab-scroll="$mdTabsCtrl.scroll($event)">

我尝试的事情：

删除了＆＃34; md-tab-scroll＆＃34;属性（js，页面加载后） - ＆gt;事件还在那里
将md-pagination-wrapper innerHTML替换为自身的克隆 - ＆gt;所有活动都将丢失，包括点击次数

那么有没有办法禁用标签标签上的鼠标滚轮滚动？通过箭头单击和滑动滚动就可以了。

Github问题：https://github.com/angular/material/issues/8197

谢谢，丹尼斯

禁用Angular Material＆m; md-tabs标签

0 个答案: