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 回答