My97日期控件弹出位置错位修复方法

大家好，今天本人给大家带来文章《My97日期控件弹出位置错位解决方法》，文中内容主要涉及到，如果你对文章方面的知识点感兴趣，那就请各位朋友继续看下去吧~希望能真正帮到你们，谢谢！

使用My97日期控件时，若页面包含滚动条，其弹出层的显示效果会因触发控件所在父元素的position属性设置不同而出现差异。

1、 当父元素的position属性不为fixed时，页面滚动不会造成日期选择层位置错乱。

2、 滚动条处于静止状态时，内容正常呈现

3、 页面滚动过程中，虽然控件可正常弹出，但弹窗位置未能随滚动同步调整。

4、 若父元素设置了position: fixed，则在页面滚动时，日期控件由于固定定位的影响，会出现位置偏移现象。

5、 未滚动时，显示效果正常

6、 页面滑动后，控件层位置发生偏离，展示异常

7、 针对上述第二种情况，可采取以下解决方案

8、 实现一个如下所示的处理函数

9、 在点击日期控件时，主动调用该方法进行位置修正。

10、 完整的HTML页面结构及调用代码示例

11、 最终实现效果如图所示

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~