前端技巧

最后更新于:2022-04-02 07:13:38

# 前端开发技巧 ## 1、 下拉选项滚动错位的解决方法 ### 问题描述 当使用了 `a-modal` 或其他带有滚动条的组件时,使用`a-select`组件并打开下拉框时滚动滚动条,就会导致错位的问题产生。 ### 解决方法 大多数情况下,在 `a-select` 上添加一个 `getPopupContainer` 属性,值为`node => node.parentNode`即可解决。 但是如果遇到 `a-select` 标签层级过深的情况,可能仍然会显示异常,只需要多加几个`.parentNode` (例:node => node.parentNode.parentNode.parentNode)多尝试几次直到解决问题即可。 ### 代码示例 ```html ``` ## 2、表单输入默认去掉前后空格,通过 `.trim` ```html ```
';