Estratégias de rolagem

A estratégia do scroll determina como o scrolling é tratado no disponível.IgxOverlayService Existem quatro estratégias de pergaminho:

NoOperation- não faz nada.
Bloquear- o evento é cancelado e o componente não rola com a janela.
Fechar- usa uma tolerância e fecha um componente expandido ao rolar se a tolerância for excedida.
Absoluto- rola tudo.

Usage

Cada estratégia de rolagem tem os seguintes métodos:

initialize- inicializa a estratégia do scroll. Ele precisa de uma referência do documento, do serviço de sobreposição e do id do componente renderizado
attach- anexa a estratégia de rolagem ao elemento especificado ou ao documento
detach- Destaca a estratégia do pergaminho

this.scrollStrategy.initialize(document, overlayService, id);
this.scrollStrategy.attach();
this.scrollStrategy.detach();

Getting Started

A estratégia de scroll é passada como uma propriedade nooverlaySettings parâmetro quando ooverlay.attach() método é chamado:

// Initializing and using overlay settings
const overlaySettings: OverlaySettings = {
    positionStrategy: new GlobalPositionStrategy(),
    scrollStrategy: new AbsoluteScrollStrategy(), //Passes the scroll strategy
    modal: true,
    closeOnOutsideClick: true
}
const overlayId = overlay.attach(dummyElement, overlaySettings);

Para alterar a estratégia de rolagem, usada pela sobreposição, sobrescreva ascrollStrategy propriedade dooverlaySettings objeto passada para a sobreposição. Se uma estratégia já estava anexada, você deve destacar o ID previamente gerado:

// overlaySettings is an existing object of type OverlaySettings
// to override the scroll strategy
const newOverlaySettings = Object.assing({}, overlaySettings);
Object.assing(newOverlaySettings, {
    scrollStrategy: new CloseScrollStrategy()
})
const overlayId = overlay.attach(dummyElement, newOverlaySettings);
overlay.show(overlayId);

Dependencies

Para usar qualquer uma das estratégias de rolagem, importe-a assim:

import { NoOpScrollStrategy } from "./scroll/NoOpScrollStrategy";