0

我想动态地更改（步骤 div 的）高度，但我尝试过的任何方式都不起作用。我需要这个，因为我有一个表，我用 ajax 插入数据并重新加载，这个表在数据表中。我不希望出现滚动条

我已经尝试在 css 中更改高度，将 height:auto; 但它没有用，滚动条总是出现；这是我使用的库 smartwizard， https://github.com/mstratman/jQuery-Smart-Wizard

按照代码实例化 smartwizar：

<script>
     $('#wizard').smartWizard({
      // Properties
        selected: 0,  // Selected Step, 0 = first step   
        keyNavigation: true, // Enable/Disable key navigation(left and right 
        keys are used if enabled)
        enableAllSteps: false,  // Enable/Disable all steps on first load
        transitionEffect: 'none', // Effect on navigation, 
      none/fade/slide/slideleft
        contentURL:null, // specifying content url enables ajax content loading
        contentURLData:null, // override ajax query parameters
        contentCache:true, // cache step contents, if false content is fetched 
      always from ajax url
        cycleSteps: false, // cycle step navigation
        enableFinishButton: false, // makes finish button enabled always
       hideButtonsOnDisabled: false, // when the previous/next/finish buttons are disabled, hide them instead
        errorSteps:[],    // array of step numbers to highlighting as error steps
        labelNext:'Continuar', // label for Next button
        labelPrevious:'Voltar', // label for Previous button
        labelFinish:'Finalizar',  // label for Finish button        
        noForwardJumping:false,
        ajaxType: 'POST',
    // Events
        onLeaveStep: leaveAStepCallback, // triggers when leaving a step
        onShowStep: null,  // triggers when showing a step
        onFinish: null,  // triggers when Finish button is clicked  
        buttonOrder: ['prev', 'next','finish']  // button order, to hide a button remove it from the list
       });
</script>
4

3 回答 3

6

您是否尝试过添加autoAdjustHeight: falseSmartWizard 初始化？

链接问题在这里。

于 2018-07-19T15:15:09.617 回答
1

尝试像这样找到那里的课程

.form_wizard .stepContainer{
    overflow-x: hidden
}

删除这个溢出它不会显示滚动。

让我知道这是否解决了。否则你需要调整这个类的高度，因为智能向导在应用功能时会首先自动控制高度。

.smartWizard({})

已编辑：但是您可以$("#wizard").smartWizard("fixHeight");在加载 ajax 时调用它以调整新高度。

谢谢。

于 2017-09-22T15:41:16.647 回答
0

因此，我决定每次隐藏或取消隐藏元素时调整可见内容区域的高度：

$(".tab-content").height("100%");
于 2021-02-17T22:50:51.450 回答