怎么才能讓側邊欄的動畫與里面的內容完美結合，不出現兩個模塊相互擠壓而錯位
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>
-
hnmw謝謝。
-
hnmw就是做一個側邊欄，點擊按鈕然后側邊欄用動畫滑出去的，但是側邊欄里面的內容在側邊欄滑的過程中會被擠壓，導致在滑動的過程中側邊欄里面的內容會不再原來的位置
-
左岸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>
添加回答
舉報
0/150
提交
取消