Как создать липкий заголовок в Bootstrap $ uibModal с помощью AngularJS - PullRequest
0 голосов
/ 29 мая 2020

Я хочу продублировать этот эффект липкого заголовка в Bootstrap $ uibModal. Хотя я не могу понять, где я могу получить свойство window.pageYOffset модального окна.

Сегмент HTML немодального:

<!-- Sticky Headers -->
div id="sticky"></div>
<div ng-hide="!stickyActive">
  <div>Basic</div>
  <div>Advanced</div>
  <div>Target</div>
</div>

И код JavaScript:

window.onscroll = function() {
  var stickyHeaders = document.getElementById('sticky');
  var stickyOffset = stickyHeaders.offsetTop;

  $scope.$apply(function() {
    if (window.pageYOffset >= stickyOffset) {
      $scope.stickyActive = true;
    } else {
      $scope.stickyActive = false;
     }
   });
};
...