javascript - 弹框插件配置宽高,感觉不如宽和最小高,你怎么看?
天蓬老师
天蓬老师 2017-04-11 12:41:32
[JavaScript讨论组]

最近在写弹框插件,但是写的过程中一开始写的配置项是:宽、高、位置(距顶部距左侧,默认的是窗口居中,也可以配置)。但是感觉,如果内容是动态的,文字多少不确定的话,如果是固定高度就不太好了,想写成最小高度(min-height),但是位置又是与高度有关系,如果设置最小高度的话,计算位置就出了问题,你们怎么看?怎么设计更加合理一些?

width: this.cfg.width + 'px',
        height: this.cfg.height + 'px',
        left: (this.cfg.x ||(window.innerWidth - this.cfg.width) / 2) + 'px',
        top: (this.cfg.y || (window.innerHeight - this.cfg.height) / 2) + 'px'
天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(2)
黄舟

用css3实现居中。或者创建之后检测高度了

PHP中文网

好的吧,我用的min-height,然后改成这样

var boundingBoxHeight =  this.boundingBox.height();
top: (this.cfg.y || (window.innerHeight - boundingBoxHeight) / 2) + 'px'
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号