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

怎么才能让侧边栏的动画与里面的内容完美结合,不出现两个模块相互挤压而错位

怎么才能让侧边栏的动画与里面的内容完美结合,不出现两个模块相互挤压而错位

hnmw 2016-08-02 11:51:37
查看完整描述

2 回答

?
左岸16

TA贡献9条经验 获得超4个赞

<style type="text/css">
*{margin:o;padding:0;}
body{font-size:12px;}
#div1{
	width:200px;height:200px;background:purple;
	position:relative;left:-200px;top:0;
}
#div1 span{
	width:20px;height:50px;background:red;
	position:absolute;left:200px;top:75px;
}
</style>
<body>
<div id="div1">关于滚动条滚动的距离有两种模式即混杂模式document.body.scrollTop和标准模式document.documentElement.scrollTop。<span id="share">分享</span></div>
</body>


查看完整回答
2 反对 回复 2016-08-02
?
左岸16

TA贡献9条经验 获得超4个赞

具体描述是怎样呢?

查看完整回答
1 反对 回复 2016-08-02
  • hnmw
    hnmw
    就是做一个侧边栏,点击按钮然后侧边栏用动画滑出去的,但是侧边栏里面的内容在侧边栏滑的过程中会被挤压,导致在滑动的过程中侧边栏里面的内容会不再原来的位置
  • 左岸16
    左岸16
    样式这样设计你看看 <style type="text/css"> *{margin:o;padding:0;} body{font-size:12px;} #div1{ width:200px;height:200px;background:purple; position:relative;left:-200px;top:0; } #div1 span{ width:20px;height:50px;background:red; position:absolute;left:200px;top:75px; } </style> <body> <div id="div1">关于滚动条滚动的距离有两种模式即混杂模式document.body.scrollTop和标准模式document.documentElement.scrollTop。<span id="share">分享</span></div> </body>
  • 2 回答
  • 0 关注
  • 1469 浏览
慕课专栏
更多

添加回答

举报

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