当前位置： 移动技术网 > IT编程>网页制作>CSS > js动态设置padding-top遇到的坑

js动态设置padding-top遇到的坑

2019年07月08日  | 移动技术网IT编程  | 我要评论

百家胎教家园,超级无敌掌门人终极篇,养女 福小清

我想通过js动态设置元素padding-top的百分比值：以下几种都是无法设置成功的:

// setattribute设置padding-top并且转换为百分比
imagebox.setattribute('padding-top',`${(imageheight/imagewidth)*(swiperwidth/imageboxwidth)*100}%`);
//setattribute设置padding-top使用percentage
imagebox.setattribute('padding-top',`percentage(${(imageheight/imagewidth)*(swiperwidth/imageboxwidth)})`);
// style属性直接设置 使用percentage
imagebox.style.paddingtop = `percentage${(imageheight/imagewidth)*(swiperwidth/imageboxwidth)}`;

成功实现的方式：

imagebox.style.paddingtop = `${(imageheight/imagewidth)*(swiperwidth/imageboxwidth)*100}%`;

percentage这个百分比用法在css中是起作用的，在js中还是设置css样式的时候还是尽量少用，会出现设置不成功的问题，还是需要转换成百分比。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网