javascript - 用于用户协议(protocol) View 、检测启用按钮的 AngularJS 指令在移动 safari 上不起作用

Question

我有一个用户协议(protocol)屏幕。基本上是一个带有 iframe 和按钮的 HTML View 。我想在用户滚动到底部时启用该按钮。这适用于所有桌面浏览器、IE、Chrome、Safari，但不适用于移动 safari 或 ios 设备上的 chrome。似乎“滚动”事件没有正确附加。您在这里看到可以使它起作用的东西吗？

(function() {
  angular.module('myapp').directive('textAgreement', function($timeout, ActivityLogService) {
    return {
      restrict: 'A',          
      scope: {
        onscrollCallback: '&onscrollCallback',
        onloadCallback: '&onloadCallback'
      },
      compile: function(tElement) {        
        return function(scope, element) {
          /** Called on load **/
          var appliedCheck = function(event) {
            try {
              if (typeof scope.onloadCallback !== undefined) {
                if (typeof scope.onloadCallback == 'function') {                      
                  scope.onloadCallback();  
                  scope.$apply();
                }
              } 
              var elm = element[0].contentWindow.document.body;
              var newwin = element[0].contentWindow;            
              if (elm) {
                $(newwin).scroll(function() {
                  var checkBottom = (elm.scrollTop+600) >= elm.scrollHeight;
                  console.log('###$$$ +++++ ' + elm.scrollTop +  ' ' + elm.scrollHeight);                                   
                  if (checkBottom) {        
                    scope.bottom = true;
                    if (typeof scope.onscrollCallback !== undefined) {
                      if (typeof scope.onscrollCallback == 'function') {                      
                        scope.onscrollCallback();  
                        scope.$apply();
                      }
                    }                  
                  }
                });                
              }
            } catch(e) {
              console.log(e);              
            }
          }; 
          element.bind('load', appliedCheck);                                    
        }; 
      }    
    };
  });   
})();

            <iframe text-agreement onload-callback="disableLoading()" onscroll-callback="enableAgree()" id="agreeFrame" src="{{ ::trustSrcAgreementUri }}" style="border:0" width="100%" height="100%"></iframe>

Answer 1

滚动事件不适用于移动设备，因为它们适用于桌面设备。本质上，滚动事件仅在滚动结束时触发。看这个:

http://andyshora.com/mobile-scroll-event-problems.html