滑动门特效如何自适应文字宽度?

滑动门特效如何自适应文字宽度?

老师你好,如果文字的宽度不一样,滑动门特效怎样自适应文字宽度?想知道有什么具体可行的方案?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2020-02-20 17:40:34

同学你好,老师修改了课程案例源码进行测试:

文字宽度不一

http://img1.sycdn.imooc.com//climg/5e4e503f0942fd4305350232.jpg

css中设置的固定宽度去掉

http://img1.sycdn.imooc.com//climg/5e4e53a709b6499c02750320.jpg

js中通过offsetWidth属性获取每个导航项的宽度,通过offsetLeft属性获取导航项距离盒子nav左侧的位置,如下

http://img1.sycdn.imooc.com//climg/5e4e53f609e0a1c505440164.jpg

宽度减去40是间距每项的左侧间距,然后给滑动门设置宽度。

自己可以测试下,如果我的回答帮到了你,欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师