为了账号安全,请及时绑定邮箱和手机立即绑定

如何添加左右div中间动态调整的分割线功能?

如何添加左右div中间动态调整的分割线功能?

红颜莎娜 2018-09-06 13:14:11
现在有2个div<div id="content">     <div id="left">     <div id="right"> </div>我想在left和right之间添加一条分割线,可以左右拖动,动态改变两边div的宽度,两个div宽度加起来始终是填充满父元素的宽度。目前只找到Jquery ui 的resizable组件,我是给left-div添加了很小的一个margin-right用作看起来粗点的分割线,然后设置left的e可拖动,调整宽度的时候重新计算两边div的宽度,最后CSS设置。这样有两个问题:1.我左右拉动分割线的时候,速度稍微快点,这个分割线会变的很粗,效果非常差2.改变左右div的宽度是通过resize事件来控制, 动态计算宽度,然后用css()设置的,这样应该性能非常低吧。 请问,还有什么好的办法,或者改进的建议?
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 1907 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信