关于美化滚动条所带来Modal细节问题 #2612
Labels
Comments
3 tasks
|
顺带提个问提, |
|
@cipchk 个人建议能否去除 ng-alain 的滚动条美化，在 Mac 上体验不好 |
|
@nzbin 这无关乎 ng-alain （有对应的开关可以关掉美化滚动条），作为UI组件库理应有更多的弹性。 |
hsuanxyz
added a commit
to hsuanxyz/ng-zorro-antd
that referenced
this issue
Feb 2, 2019
5 tasks
hsuanxyz
added a commit
to hsuanxyz/ng-zorro-antd
that referenced
this issue
Feb 13, 2019
Ricbet
pushed a commit
to Ricbet/ng-zorro-antd
that referenced
this issue
Apr 9, 2020
* refactor(module:modal): refactor block scroll strategy close NG-ZORRO#2612 * docs(module:modal): update docs * test(module:modal): update cases for scrollbar * refactor(module:modal): use OnPush change detection close NG-ZORRO#2643, close NG-ZORRO#2656 * fix(module:modal, drawer): IE/Edge SVG doesn't support `blur`/`focus` method close NG-ZORRO#2388 * fix(module:modal): fix animations * refactor(module:modal): switch to Default change detection * docs: add temporary use case for IE * fix: scrollblock style
hsuanxyz
added a commit
to hsuanxyz/ng-zorro-antd
that referenced
this issue
Aug 5, 2020
* refactor(module:modal): refactor block scroll strategy close NG-ZORRO#2612 * docs(module:modal): update docs * test(module:modal): update cases for scrollbar * refactor(module:modal): use OnPush change detection close NG-ZORRO#2643, close NG-ZORRO#2656 * fix(module:modal, drawer): IE/Edge SVG doesn't support `blur`/`focus` method close NG-ZORRO#2388 * fix(module:modal): fix animations * refactor(module:modal): switch to Default change detection * docs: add temporary use case for IE * fix: scrollblock style
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
现状
Modal 打开以后会根据
NzMeasureScrollbarService来计算，但是这只是针对不同浏览器的结果，事实上若美化滚动以后这种方法也会失效，这会导致美化以后的结果不正确。方案
针对
NzMeasureScrollbarService增加一个额外的类名，例如：class="nz-NzMeasureScrollbarService"，用户可以针对nz-NzMeasureScrollbarService增加美化样式，从而确保美化后滚动条宽度。autoBodyPadding
autoBodyPadding是否自动给body加上padding及overflow来隐藏滚动条，但过于直接，对于关闭autoBodyPadding情况，可以考虑给body增加一个类名，例如：<body class="nz-modal-open">，这给已打开 Modal 以后有更多的想象空间。The text was updated successfully, but these errors were encountered: