回复：前端大佬在不在

写了个demo，网页链接可以参考一下。

发不出去

不感兴趣

开通SVIP免广告

哎，前端也没想象中的那么简单，今天被swiper折磨疯了

每一行第一个元素距离左边屏幕的距离是一样的，写个函数判断一下

wx小程序真的逆天，很多动画效果实现起来都巨麻烦，还是h5舒服

跟产品battle一下，把这个功能去了

用默认

计算两行的高，，，

不感兴趣

开通SVIP免广告

if（line==2 && lastItem到右屏幕距离小于50时）
{
插入箭头图标；
}

grid响应式布局，行数大于2隐藏且前两行最后一个块的内容替换成下拉图标，点击下拉图标展开，恢复最后一个图标且添加一个图标作为下拉图标

之前做过一个类似的把图标一直放在那儿然后用一个div盖在上面然后tag多了会把覆盖的div挤走就会显示下拉了

所以你为什么要写怎么超过两行而不是显示多少个标签？为啥要把问题复杂化

大致研究了下京东的功能，主要方法是替换第二行最后一个历史记录为按钮。
每个按钮的padding给个固定值（x），再通过border-radius设为同padding值（x）变成圆形，开展/收缩的箭头通过absolute悬浮在上面。因此只要内部有文字的按钮，必定比只有箭头的按钮长，所以第二行最后一个按钮移除后必定塞得下一个收缩按钮。通过从第一个按钮循环判断offsetTop的变化，在哪个按钮后换行。

感觉和文本超出省略号，然后显示title差不多，那个是判断了宽度，这个可以判断到顶部的距离

不感兴趣

开通SVIP免广告

还有使用纯css实现的版本不过兼容性不好

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

首页上一页 1 2 3 4 下一页尾页
82回复贴，共4页
，跳到页

<<返回前端吧

分享到:

日	一	二	三	四	五	六