Angular Material Modal导致窗口向下滚动

Question

每当打开mdDialog（Angular Material模态）时，就会将import numpy as np from PIL import Image import matplotlib.pyplot as plt def rgb2gray(R, G, B): return 0.2989 * R + 0.5870 * G + 0.1140 * B img = Image.open(filename) # filename is the png file in question pal = img.getpalette() # get the palette arr = np.zeros((img.height, img.width)) for i in range(arr.shape[0]): for j in range(arr.shape[1]): idx = img.getpixel((j,i)) # get the index of the pixel in the palette R, G, B = pal[3*idx], pal[3*idx+1], pal[3*idx+2] # get the R,G,B values of the pixel arr[i,j] = rgb2gray(R, G, B) # convert to grayscale plt.imshow(arr, cmap='gray') 和class="cdk-global-scrollblock"注入HTML主体，并且窗口将一直向下滚动。预期结果是打开模式对话框时窗口不应该滚动。

当模式关闭时，注入的代码消失。

这似乎是Angular Material中的错误，但只是想知道是否有任何解决方法。

Answer 1

我知道这是一个老问题，但我花了很长时间才找到解决方案。 将 style.css 中的 cdk-global-scrollblock CSS 属性更改为

.cdk-global-scrollblock {
  position: initial;
}