博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS-添加和删除标签,显示展开&收起
阅读量:4615 次
发布时间:2019-06-09

本文共 302 字,大约阅读时间需要 1 分钟。

需求:

点击添加标签,在下方添加标签;

超过一行显示“更多”,点击“更多”展开,并显示“收起”;

展开/收起时可以删除标签,如果小于一行,隐藏“展开收起”;

 

解决方法:

一开始用的固定一行height的高度,css来控制height:auto 和固定值切换,overflow-y:hidden;后来发现不满足需求;

后来就改成通过offset().top的值来区分第一行和其他行(添加other-row作为标识控制)了,总觉得应该还会有更简单的方法;

 

关键代码:

1 

 

 如果有更好简单的方法,欢迎留言!

转载于:https://www.cnblogs.com/monozxy/p/11277066.html

你可能感兴趣的文章
[luogu4310] 绝世好题 (递推)
查看>>
[luogu3203 HNOI2010] 弹飞绵羊 (分块)
查看>>
mui搜索框 搜索点击事件
查看>>
2016012003+陈琦+散列函数的应用及其安全性
查看>>
Android 状态栏通知Notification、NotificationManager详解
查看>>
UIApplicationDelegate协议
查看>>
Jmeter测试dubbo接口填坑
查看>>
[zz]GDB调试精粹及使用实例
查看>>
数据库的创建和删除
查看>>
最简单的三层实例【插入据
查看>>
设计模式学习笔记——Prototype原型模式
查看>>
pom.xml里有红叉报错的解决办法
查看>>
Perl last和next的用法区别
查看>>
Selenium 管理 Cookies
查看>>
exceptionfunction[LeetCode]Permutations
查看>>
bzoj 4595 激光发生器
查看>>
multi cookie & read bug
查看>>
js时间转换
查看>>
(转载) Android Studio你不知道的调试技巧
查看>>
队列实现霍夫曼树
查看>>