1

ボタンがクリックされたときにjqueryを使用してdivを展開します。ボタンのコードは次のとおりです。

<input type="button" value="Reply" onclick="jQuery('#replycont').slideToggle()"/>

そして明らかに実際のdiv：

<div id="replycont" style="display:none; border:1px #000000 solid; padding:10px;">
<form method="post" action="index.php?id=viewticket&seq=<?php echo $_GET["seq"]; ?>#updates_bottom" enctype="multipart/form-data" class="form-stacked">
        <div class="control-group">
            <label class="control-label bold" for="message">Message</label>
            <div class="controls">
                <textarea name="ticket_update" id="ticket_update" rows="12" style="width:100%;"></textarea>
            </div>
        </div>
    <p><input type="hidden" name="ticketnumber" id="ticketnumber" value="<?php echo $_GET["seq"]; ?>" />
    <input type="submit" name="addupdate" id="addupdate" value="Submit" /></p>
</form>
</div>

ボタンがページの上部にあり、div が下部にある場合、ページを下部にスクロールして、div と div を展開するボタンが表示されるようにする最良の方法は何ですか?

4

2 に答える 2

2

インライン js を使用せず、ボタンに ID を追加してから

$('#mybutton').on('click',function(){
$('#replycont').slideToggle(function(){
$('html, body').animate({
    scrollTop: $('#replycont').offset().top
}, 500);
});
});

トグルが完了すると、アニメーションが起動します。同時に実行したい場合は、

 $('#mybutton').on('click',function(){
$('#replycont').slideToggle();
$('html, body').animate({
    scrollTop: $('#replycont').offset().top
}, 500);
});
于 2013-05-09T13:52:18.193 に答える
0 
$('html,body').animate({
    scrollTop: $('#replycont').offset().top
})
于 2013-05-09T13:48:08.993 に答える