职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 1707|回复: 5

今天在项目中,碰到一个左侧菜单项抖动问题

[复制链接]
走就走吧 发表于 2011-8-18 10:37 | 显示全部楼层 |阅读模式
项目中,有个左侧上下滑动的菜单,要求菜单项滑到最底部(见附图)。
其实jquery很容易实现这种效果,但是会有菜单项抖动的问题。因为当中间的菜单项往上移,一般要做两个操作:上一菜单内容收缩,当前点击的菜单展开,于是会发生速率不一致的抖动问题,即使调整的时间是一样的,还是会有抖动。。

我今天换了一种思路,用了前台不太提倡的absolutely定位,来分离各个菜单项之间的相互影响问题,从而消除抖动。。margin-top和top联合使用会有意想不到的效果。

仅给大家提供思路,,可能还有更好的方法,,
我这部分代码也没经过这里,是原生的,可以兼容主流浏览器。。望大虾小虾米来拍砖

new_jquery_test.rar

44.72 KB, 下载次数: 2, 下载积分: 生活币 -1 个

江波 发表于 2011-8-18 10:37 | 显示全部楼层
对滑动的问题,添加完整的样式声明就可以了,html4, html5, xhtml的都可以吧
feiguo 发表于 2011-8-18 13:49 | 显示全部楼层
看看...............
盗版Win2k 发表于 2012-6-27 18:44 | 显示全部楼层
附件在哪下载呢?
 楼主| 走就走吧 发表于 2012-6-28 09:11 | 显示全部楼层
盗版Win2k 发表于 2012-6-27 18:44
附件在哪下载呢?

附件已修复。
奔跑着 发表于 2012-8-14 17:01 | 显示全部楼层
程序员,你的代码值多少钱?http://blog.sina.com.cn/s/blog_5ce5700e01016g98.html
您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-3-29 06:27 , Processed in 0.143709 second(s), 24 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表