怎么才能讓側(cè)邊欄的動(dòng)畫與里面的內(nèi)容完美結(jié)合，不出現(xiàn)兩個(gè)模塊相互擠壓而錯(cuò)位
hnmw
2016-08-02 11:51:37
2 回答
左岸16
TA貢獻(xiàn)9條經(jīng)驗(yàn) 獲得超4個(gè)贊
<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">關(guān)于滾動(dòng)條滾動(dòng)的距離有兩種模式即混雜模式document.body.scrollTop和標(biāo)準(zhǔn)模式document.documentElement.scrollTop。<span?id="share">分享</span></div> </body>
-
hnmw謝謝。
-
hnmw就是做一個(gè)側(cè)邊欄，點(diǎn)擊按鈕然后側(cè)邊欄用動(dòng)畫滑出去的，但是側(cè)邊欄里面的內(nèi)容在側(cè)邊欄滑的過程中會(huì)被擠壓，導(dǎo)致在滑動(dòng)的過程中側(cè)邊欄里面的內(nèi)容會(huì)不再原來的位置
-
左岸16樣式這樣設(shè)計(jì)你看看 <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">關(guān)于滾動(dòng)條滾動(dòng)的距離有兩種模式即混雜模式document.body.scrollTop和標(biāo)準(zhǔn)模式document.documentElement.scrollTop。<span id="share">分享</span></div> </body>
添加回答
舉報(bào)
0/150
提交
取消