0

DIVの高さを垂直方向に、つまり上方向に上げるにはどうすればよいですか。つまり、下の位置を修正する必要があります（JavaScriptとHTMLでコーディングする必要があります）。利用可能なコンテンツに基づいて、高さを上に上げる必要があります

4

4 に答える 4

0

以下を HTML セクションに配置します。

<div id="Main" style="height:10px">

次のコードを javascript セクションに配置します。

anim("Main", {marginTop:"-400px", height:"410px"}, 4000);
于 2013-02-22T06:30:09.943 に答える
0

以下を HTML セクションに配置します。

<div id="Main" style="position:absolute;top:10px;height:100px;width:100px">

次のコードを javascript セクションに配置します。

 $(document).ready(function () {
    $("#Main").animate({height:'400px'},4000);
 });

これ 4000は、それが発生する時間です (4000 = 4 秒)

于 2013-02-22T06:11:36.250 に答える
0

以下を HTML セクションに配置します。

<div id="Main" style="height:10px">

以下のコードを css セクションに配置します。

<style>
#Main {
  -webkit-transition:margin-top, height;
  transition:margin-top, height
}
</style>

次のコードを javascript セクションに配置します。

document.getElementById("Main").style.marginTop = "-400px";
document.getElementById("Main").style.height = "410px";
于 2013-02-22T06:38:54.207 に答える
0

「上に向かって、つまり下の位置を固定する必要がある」というご要望から、ベースが動かないうちにDIVを高くしたいのだと思います。

魔法は、絶対配置された div A を相対的に配置された div B 内に配置し、B の位置を A の下部に配置することです。B の下部を設定すると、B の高さを増やすと、B の高さがその定位置。

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <style>
        body {
            background-color: #abc;
        }
        div {
            width: 200px;
            margin: auto;
        }
        #A {
            position: relative;
            background-color: #369;
            height: 500px;
        }
        #B {
            position: absolute;
            bottom: 0px;
            background-color: #69C;
            height: 200px;
        }
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
    <div id="A">
        <p>This is A</p>
        <div id="B">
            <p>This is B</p>
        </div><!-- /B -->
    </div><!-- /A -->
</body>
<script>
    $(document).ready(function(){
        $('#B').animate({'height': 400}, 3000);
    });
</script>
</html>
于 2013-02-22T07:19:33.237 に答える