javascript - nav导航栏实现响应式
PHPz
PHPz 2017-04-11 08:59:43
0
4
465

我现在想做一个导航栏,左侧有一个logo,中间是导航栏的条目,右边是一个下拉菜单,当屏幕变小的时候,导航栏条目逐渐的移动到下拉菜单中,当屏幕变大时,下拉菜单中的条目再移动到导航栏的条目中

有哪位大神曾经做过或者有思路有代码还希望不吝赐教,小弟在此谢过!!!

PHPz
PHPz

学习是最好的投资!

全部回覆(4)
洪涛

boostrap框架自己研究

Ty80

我大概说一下我的想法
判断所有子元素长度(包括border、padding、margin)是否超出父元素的长度,然后把超出部分移入下拉菜单

伊谢尔伦

常见的是一定的尺寸用一种样式,参考一个网站https://www.awesomes.cn/不限于这个网站现在好多都有了吧
小尺寸时:

用媒体查询,宽于768px时↓
@media (min-width: 768px)……

你说的那个需求就……

刘奇

感谢大家的回复,这个确实需要js来控制,我自己想想办法,可能当时我想的有点复杂了,等实现之后我会在这里回复,感谢大家的帮助

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!