javascript - 谁有这种列表置顶的效果或者demo?
PHP中文网
PHP中文网 2017-04-11 11:48:31
[JavaScript讨论组]


点击置顶,会跑到顶部去,其它的会下移,但是这样会出现多种情况,

  • 顶部已经有置顶的项目,怎么处理比较好?

  • 如果用户把每个元素都点一遍置顶,怎么处理关系?

  • 点击最底下的元素置顶,会导致太多元素重排,性能问题

大家好,我需要替换的动画效果!!!

PHP中文网
PHP中文网

认证0级讲师

全部回复(2)
黄舟

分享一个我刚遇到的问题刚整理下来你试试看,样式和你的不一样但是对应的jquery应该可以通用,你试着改成你对应的id或者class试试看jQuery置顶希望对你有帮助

巴扎黑

如果仅仅是dom操作,那很简单。

比如你的html代码大概是ul跟li构成的
首先在点击置顶的时候,能获取到当前要置顶的li元素吧。
然后 ul.insertBefore(li,ul.firstElementChild);

这段代码的意思就是,在ul的第一个元素之前插入li元素。
你甚至都不用将li移除,就能发现li就直接到第一个去了。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号