模态框与小部件 [ 2.0 版本 ]

页面上包含一个小部件，显示为一个按钮。而小部件是一个模态框，用以提交部分数据。

现在问题是，页面很长，而每次加载页面都是直接显示页面最底部。我知道bootstrap自带滚动监听功能。但是我反复检查代码，并没有使用这个功能阿。小部件的页面代码如下。

<?= Html::a(Yii::t('collect', 'Ask a question'), '#', [
     'data-toggle' => 'modal',
     'data-target' => '#page-modal',    //此处对应Modal组件中设置的id
     'class' => 'btn btn-info btn-block btn-xm',
     ])
 ?>
<?php
    Modal::begin([
        'id' => 'page-modal',
        'header' => '<h4>'.Yii::t('collect', 'Ask a question').'</h4>',
    ]);
?>
<?php $form = ActiveForm::begin([
          'action' => yii\helpers\Url::to(['que/create']),
          'method'=>'post',]); ?>
        
    <?= $form->field($model, 'title',[
            'inputOptions' => [
            'placeholder' => $model->getAttributeLabel('添加一个标题'),
            ],
        ])->textInput(['autofocus' => true])->label(false) ?>
 
    <?= $form->field($model, 'cat_id')->dropDownList(/*$cats*/['0' => 1,'1' => 2]) ?>

    <?= $form->field($model, 'describe')->widget('common\widgets\ueditor\Ueditor',[
            'options'=>[
                'initialFrameWidth' => 'auto',
                'initialFrameHeight' => 200,
                'toolbars' => [
                    ['undo', 'redo', 'bold']
                    ]   
                ]
            ]) ?>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <?= Html::submitButton('提交', ['class' => 'btn btn-primary', 'name' => 'contact-button']) ?>
      </div>
    <?php ActiveForm::end(); ?>
<?php

    Modal::end();

?>

就这样，即使不用bootstrap::modal,全部写成